<!-- Please add/remove "left-points-position/right-points-position/top-points-position/bottom-points-position" class to activate points and set its position !-->
<div class="dropdown body download context hidden">
    <span class="dropdown-item download-standart-item">
        <i class="sprite-fm-mono icon-download-standard"></i>
        <span>[$5928]</span>
    </span>
    <span class="dropdown-item zipdownload-item">
        <i class="sprite-fm-mono icon-download-zip"></i>
        <span>[$864]</span>
    </span>
</div>
<div class="fm-context-menu hidden"></div>
<div class="dropdown body files-menu context hidden">
    <div class="dropdown-section">
       <a class="dropdown-item view-in-bc-item">
            <i class="sprite-fm-mono icon-search-cloud"></i>
            <span>[$view_in_dc]</span>
        </a>
        <hr />
    </div>
    <div class="dropdown-section">
        <a class="dropdown-item canceltransfer-item red">
            <i class="sprite-fm-mono icon-close-component"></i>
            <span>[$103]</span>
        </a>
        <a class="dropdown-item transfer-pause">
            <i class="sprite-fm-mono icon-pause"></i>
            <span>[$1647]</span>
        </a>
        <a class="dropdown-item transfer-play">
            <i class="sprite-fm-mono icon-play-small"></i>
            <span>[$1649]</span>
        </a>
    </div>
    <div class="dropdown-section">
        <hr class="pause hidden" />
        <a class="dropdown-item move-up">
            <i class="sprite-fm-mono icon-queue-up"></i>
            <span>[$6864]</span>
        </a>
        <a class="dropdown-item move-down">
            <i class="sprite-fm-mono icon-queue-down"></i>
            <span>[$6865]</span>
        </a>
        <hr />
    </div>
    <div class="dropdown-section">
        <a class="dropdown-item transfer-clear red">
            <i class="sprite-fm-mono icon-close-component"></i>
            <span>[$103]</span>
        </a>
    </div>
</div>

<div class="main-blur-block">
    <!-- Please add "fm-notification" class and "full"/"almost-full" class !-->
    <div class="fm-main default">
        <div id="topmenu"></div>
    </div>
    <div id="pmlayout" class="pm-main">

        <!-- dropdown body popup dropdown-arrow top-login-popup sign hidden -->
        <div class="dropdown body popup dropdown-arrow top-login-popup sign hidden">
            <header>
                <div class="top-login-full"></div>
                <div class="clear"></div>
                <i class="top-login-full sprite-fm-mono icon-new-window"></i>
            </header>
            <div class="login">
                <form id="form_login_header"></form>
            </div>
            <div class="top-login-warning active">
                <div class="top-login-warning-arrow"></div>
                <div class="top-login-warning-close"></div>
                <div class="dropdown-inverted-arrow"></div>
                <div class="top-login-warning-close sprite-fm-mono icon-dialog-close"></div>
                <div class="top-login-warning-pad">
                    <i class="top-login-warning-icon sprite-fm-uni icon-warning"></i>
                    <div class="top-login-warning-txt">
                        [$1093]<br>
                    </div>
                    <div class="clear"></div>
                    <div class="extension-advise"> [$1094] </div>
                    <div class="top-login-warning-bott">
                        <div class="loginwarning-checkbox checkboxOff checkbox"></div>
                        <label class="radio-txt">[$229]</label>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>

        <div id="commercial-close-button" class="commercial-close-button hidden">
            <i class="sprite-fm-mono icon-dialog-close"></i>
        </div>

        <div class="dropdown body popup notification-popup dropdown-content dropdown-arrow hidden">
            <div class="js-notification-popup notification-popup loading">
                <div class="notification-header">
                    <div class="notification-txt">[$862]</div>
                </div>
                <div class="notification-scroll">
                    <div class="notification-scr-list">
                        <div class="item-type-icon-90 icon-folder-public-90 file-request-notification template hidden"></div>
                        <a class="notification-item template">
                            <span class="notification-status-icon">
                                <span class="notification-status"></span>
                                <span class="notification-avatar hidden">
                                    <span class="notification-avatar-icon">
                                        <i class="plus sprite-fm-mono icon-add-small"></i>
                                        <i class="minus sprite-fm-mono icon-disabled-filled"></i>
                                        <i class="cross sprite-fm-mono icon-remove"></i>
                                        <i class="exclamation sprite-fm-mono icon-exclamation-filled"></i>
                                        <i class="contact sprite-fm-mono icon-user-circle-filled"></i>
                                        <i class="camera sprite-fm-mono icon-meeting-notification"></i>
                                    </span>
                                </span>
                                <span class="notification-icon hidden">
                                    <i class="sprite-fm-uni icon-payment payment-icon"></i>
                                    <i class="sprite-fm-uni icon-check-circle reinstated-icon"></i>
                                    <i class="sprite-fm-uni icon-takedown takedown-icon"></i>
                                    <i class="sprite-fm-uni icon-mega-logo dynamic-icon"></i>
                                </span>
                                <span class="notification-type">
                                    <span class="notification-content">
                                        <span class="notification-promo hidden">
                                            <span class="promo-text">[$notif_limited_time_offer]</span>
                                            <span class="promo-icon">[$notif_promo]</span>
                                        </span>
                                        <span class="notification-username"></span>
                                        <span class="notification-info"></span>
                                    </span>
                                    <img class="hidden dynamic-image" />
                                    <span class="notification-request-buttons hidden">
                                        <button class="mega-button notifications-button accept">
                                            <span>[$5856]</span>
                                        </button>
                                    </span>
                                    <span class="cta-buttons hidden">
                                        <button class="mega-button notifications-button">
                                            <span></span>
                                        </button>
                                    </span>
                                    <span class="notification-scheduled-body hidden">
                                        <span class="notification-scheduled-title hidden"></span>
                                        <span class="notification-scheduled-prev hidden">
                                            <s></s>
                                        </span>
                                        <span class="notification-scheduled-occurrence hidden"></span>
                                    </span>
                                    <span class="notification-date"></span>
                                    <span class="notification-accepted-bl">
                                        <span class="notification-accepted">[$7375]</span>
                                    </span>
                                </span>
                            </span>
                        </a>
                    </div>
                </div>
                <div class="fm-notifications-bottom">
                    <button class="mega-button action settings">
                        <span>[$823]</span>
                    </button>
                </div>
                <div class="notification-popup-loading">
                    <div class="notification-loading-icon sprite-fm-mono icon-notification-filled"></div>
                    <div class="notification-popup-loading-txt">
                        <span>[$1456]</span>
                        <i class="notification-loading-spinner sprite-fm-theme icon-loading-spinner"></i>
                    </div>
                </div>
                <div class="notification-popup-empty">
                    <div class="notification-empty-icon sprite-fm-mono icon-notification-off-filled"></div>
                    <div class="notification-popup-empty-txt">[$8589]</div>
                </div>
            </div>
        </div>

        <div class="searcher-wrapper hidden">
            <div class="topbar-searcher js-topbar-searcher">
                <!-- This div contains three dropdown sections -->
                <div class="dropdown-search hidden">

                    <!-- EMPTY STATE - Show when recents are disabled/no recents exist -->
                    <div class="dropdown-no-recents dropdown-section hidden">
                        <i class="dropdown-no-recents-icon sprite-fm-mono icon-clock-rotate"></i>
                        <div class="dropdown-no-recents-content">
                            <div class="dropdown-no-recents-content-header">
                                [$searchbar_dropdown_recents_empty_heading]
                            </div>
                            <div class="dropdown-no-recents-content-text">
                                [$searchbar_dropdown_recents_empty_body]
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-recents dropdown-section">
                        <!-- Recently Searched section -->
                        <div class="dropdown-section dropdown-recently-searched-wrapper">
                            <div class="dropdown-recently-searched dropdown-section-item my-1">
                                <!-- Every section has a header -->
                                <div class="dropdown-section-header">
                                    <div class="dropdown-section-header-contents px-6 py-2">
                                        <div class="dropdown-section-header-text font-bold text-color-high">
                                            [$recently_searched]
                                        </div>
                                        <a class="dropdown-section-clear js-dropdownClearRecentlySearched underline font-bold text-color-high">
                                            [$clear_all]
                                        </a>
                                    </div>
                                </div>
                                <!-- Every section has a body -->
                                <div class="dropdown-section-body">
                                    <!-- Recently Searched Terms - dynamically populated -->
                                </div>
                                <!-- Dummy template for each item in body -->
                                <a
                                    class="dropdown-recently-searched-item dropdown-section-body-item dropdown-recently-searched-template hidden">
                                    <div class="dropdown-recently-searched-item-text flex-1 pr-2">
                                        <div class="dropdown-tag-results-item"></div>
                                    </div>
                                    <i class="sprite-fm-mono icon-dialog-close dropdown-recent-item-delete-icon"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- Search Results section -->
                    <div class="dropdown-results dropdown-section hidden">
                        <div class="dropdown-search-results dropdown-section-item my-1">
                            <!-- Every section has a header -->
                            <div class="dropdown-section-header">
                                <div class="dropdown-section-header-contents px-6 py-2">
                                    <div class="dropdown-section-header-text font-bold text-color-high">
                                        [$searchbar_result_label]
                                    </div>
                                </div>
                            </div>
                            <!-- Every section has a body -->
                            <div class="dropdown-section-body">
                                <!-- Suggestion search result - dynamically populated -->
                            </div>
                            <!-- Template for search result item -->
                            <a
                                class="dropdown-search-results-item dropdown-section-body-item dropdown-search-results-item-template hidden gap-1">
                                <div class="dropdown-search-results-item-file-icon">
                                    <span class="item-type-icon">
                                        <img>
                                    </span>
                                </div>
                                <div class="flex-1 text-ellipsis">
                                    <div class="dropdown-search-results-item-filename flex flex-row">
                                        <span class="prefix"></span>
                                        <span class="middle-txt"></span>
                                        <span class="suffix flex-1 text-ellipsis"></span>
                                    </div>
                                </div>
                                <div class="dropdown-search-results-item-location dropdown-item-text-medium flex-1 text-right"></div>
                            </a>
                        </div>
                    </div>

                    <div class="search-loader hidden"></div>
                </div>
                <form autocomplete="disabled" id="main-search-fake-form" class="flex flex-row items-center border-1 border-radius-2">
                    <i class="search-icon sprite-fm-mono icon-search-light-outline"></i>
                    <input type="text" placeholder="[$102]" autocomplete="disabled" class="js-filesearcher text-ellipsis"
                        spellcheck="false" />
                    <button class="js-btnclearSearch" type="button"><i class="sprite-fm-mono icon-dialog-close-thin"></i></button>
                </form>
            </div>
        </div>

        <div class="fm-left-panel hidden js-fm-left-panel">
            <div class="left-pane-drag-handle"></div>

            <!-- My User Management Section Begin -->
            <section class="js-lp-usermanagement lp-usermanagement-header">
                <div class="lp-header">
                    <span>[$18677]</span>
                </div>
            </section>
            <!-- My User Management Section End -->

            <div class="user-management-tree-panel-header enabled-accounts active hidden">
                <i class="sprite-fm-mono icon-arrow-right"></i>
                <span>[$19085]</span>
            </div>

            <div class="user-management-tree-panel-header disabled-accounts hidden">
                <i class="sprite-fm-mono icon-arrow-right"></i>
                <span>[$19086]</span>
            </div>

            <section class="fm-tree-panel fm-other-tree-panel js-other-tree-panel">

                <div class="content-panel dashboard">
                    <div class="account user-data-block">
                        <div class="fm-account-avatar">
                            <div class="avatar-wrapper small-rounded-avatar">
                                <img alt="" />
                            </div>
                        </div>
                        <div class="account usename-block">
                            <div class="membership-big-txt name"></div>
                        </div>
                        <div class="membership-big-txt email selectable-txt"></div>
                        <div class="plan-icon">
                            <i class="free sprite-fm-uni icon-crests-free-details"></i>
                            <i class="pro1 sprite-fm-uni icon-crests-pro-1-details"></i>
                            <i class="pro2 sprite-fm-uni icon-crests-pro-2-details"></i>
                            <i class="pro3 sprite-fm-uni icon-crests-pro-3-details"></i>
                            <i class="pro4 sprite-fm-uni icon-crests-lite-details"></i><!-- Acct Level 4 (PRO Lite) -->
                            <i class="pro101 sprite-fm-uni icon-crests-pro-flexi-details"></i><!-- Act lvl 101 (Pro Flexi) -->
                            <i class="business sprite-fm-uni icon-crests-business-details"></i>
                            <i class="feature"></i>
                        </div>
                        <div class="account membership-plan"></div>
                    </div>
                    <div class="account left-pane divider"></div>
                    <div class="account left-pane info-block">
                        <div class="account left-pane info-item">
                            <div class="account left-pane small-txt reg-date-info"></div>
                            <div class="account left-pane big-txt reg-date-val"></div>
                        </div>
                        <div class="account left-pane info-item">
                            <div class="account left-pane small-txt plan-date-info"></div>
                            <div class="account left-pane big-txt plan-date-val"></div>
                        </div>
                        <div class="clear"></div>
                        <div class="account left-pane info-block business-users hidden">
                            <div class="account left-pane info-item">
                                <div class="account left-pane small-txt">[$23255]</div>
                                <div class="account left-pane big-txt suba-status active">[$7666]</div>
                            </div>
                            <div class="account left-pane info-item">
                                <div class="account left-pane big-txt suba-days-left hidden"></div>
                            </div>
                            <div class="account left-pane info-item">
                                <div class="account left-pane small-txt">[$19607]</div>
                                <div class="account left-pane big-txt suba-role">Administrator</div>
                            </div>
                            <div class="account left-pane info-item suba-pay-bill hidden">
                                <button class="mega-button positive pay-bill-btn">
                                    <span>[$23251]</span>
                                </button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="account left-pane info-block backup-button">
                        <button class="mega-button large action backup-master-key simpletip" data-simpletip="[$16129]"
                            data-simpletip-class="center-align medium-width">
                            <div>
                                <i class="sprite-fm-mono icon-key"></i>
                            </div>
                            <span>[$8859]</span>
                        </button>
                    </div>
                </div>

                <div class="content-panel account">
                    <div class="lp-header">
                        <button class="mega-component nav-elem icon-only settings-back">
                            <i class="sprite-fm-mono icon-arrow-left-thin-solid"></i>
                        </button>
                        <span>[$823]</span>
                    </div>
                    <div class="lp-content-wrap">
                        <div class="settings-button slide-in-out ts-500 closed account-s active">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-user-filled"></i>
                                <span>[$403]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="profile-form">[$984]</div>
                                <div class="sub-title" data-scrollto="qr-settings">[$17754]</div>
                                <div class="sub-title" data-scrollto="preferences">[$7026]</div>
                                <div class="sub-title acc-setting-menu-cancel-acc" data-scrollto="cancel-account-block">[$16115]
                                </div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed plan">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-plan-filled"></i>
                                <span>[$16166]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="account-type">[$17022]</div>
                                <div class="sub-title acc-setting-menu-balance-acc" data-scrollto="account-balance">[$449]</div>
                                <div class="sub-title acc-setting-menu-card-info hidden" data-scrollto="account-card-info">
                                    [$payment_card]</div>
                                <div class="sub-title" data-scrollto="purchase-history">[$430]</div>
                                <div class="sub-title" data-scrollto="transaction-history">[$431]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed notifications">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-notification-filled"></i>
                                <span>[$862]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="account-notification">[$20900]</div>
                                <div class="sub-title" data-scrollto="email-notification">[$20898]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed security">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-lock-filled"></i>
                                <span>[$7337]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="change-password">[$23262]</div>
                                <div class="sub-title acc-setting-menu-change-em" data-scrollto="change-email">[$7743]</div>
                                <div class="sub-title" data-scrollto="backup-key">[$8839]</div>
                                <div class="sub-title" data-scrollto="two-factor-authentication">[$19194]</div>
                                <div class="sub-title" data-scrollto="personal-data-container">[$20167]</div>
                                <div class="sub-title" data-scrollto="session-history">[$429]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed file-management">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-folder-filled"></i>
                                <span>[$16159]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="file-version">[$19475]</div>
                                <div class="sub-title" data-scrollto="rewind">[$rewind]</div>
                                <div class="sub-title" data-scrollto="rubbish-cleaning">[$20229]</div>
                                <div class="sub-title" data-scrollto="user-interface">[$16158]</div>
                                <div class="sub-title" data-scrollto="dialog-options">[$20169]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed transfers">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-transfer-filled"></i>
                                <span>[$1346]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="upload-and-download">[$20170]</div>
                                <div class="sub-title" data-scrollto="transfer-tools">[$20171]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed contact-chats">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-chat-filled"></i>
                                <span>[$20174]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="status-settings">[$20182]</div>
                                <div class="sub-title" data-scrollto="chat-settings">[$chat_settings]</div>
                                <div class="sub-title" data-scrollto="rich-url-preview">[$18696]</div>
                                <div class="sub-title" data-scrollto="push-notification-settings">[$22121]</div>
                                <div class="sub-title" data-scrollto="contact-verification-settings">[$contact_verification_title]
                                </div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed reseller hidden">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-reseller"></i>
                                <span>[$391]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="create-voucher">[$20230]</div>
                                <div class="sub-title" data-scrollto="voucher-history">[$20231]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed calls">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-video-call-filled"></i>
                                <span>[$setting_meeting_title]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="leave-empty">[$sub_setting_meeting_empty_call]</div>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="sound-notifications">[$sound_notifications]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 vpn closed">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-globe"></i>
                                <span>[$vpn_settings_main_title]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="manage-credentials">[$vpn_settings_manage_title]</div>
                            </div>
                        </div>
                        <div class="settings-button slide-in-out ts-500 closed s4 hidden">
                            <div class="head-title">
                                <i class="sprite-fm-mono icon-arrow-right expand"></i>
                                <i class="sprite-fm-mono icon-object-storage"></i>
                                <span>[$obj_storage]</span>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="endpoints">[$s4_endpoints_header]</div>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="access-keys">[$s4_access_keys]</div>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="thumb-preview">[$s4_thumb_preview]</div>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="s4-warn-dialogs">[$s4_warn_dialogs_header]</div>
                            </div>
                            <div class="sub-menu slide-item">
                                <div class="sub-title" data-scrollto="out-opts">[$s4_out_opts]</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-panel user-management">
                    <div class="nw-user-management-item selected hidden">
                        <div class="user-management-status">
                            <i class="enabled sprite-fm-mono icon-active"></i>
                            <i class="pending sprite-fm-mono icon-info-filled"></i>
                            <i class="disabled sprite-fm-mono icon-disabled-filled"></i>
                        </div>
                        <div class="nw-user-management-name"> </div>
                    </div>
                </div>
                <div class="commercial-wrapper hidden" id="commercial-wrapper-webdashsl"></div>
            </section>
        </div>

        <section class="fm-right-files-block">
            <div class="notification-banner hidden">
                <div class="banner-contents">
                    <img class="display-icon hidden">
                    <div class="info-and-buttons">
                        <div class="info">
                            <div class="title"></div>
                            <div class="message"></div>
                        </div>
                        <div class="buttons">
                            <div class="cta-buttons">
                                <button class="mega-button positive cta-primary hidden" data-continue-link=""></button>
                                <button class="mega-button cta-secondary hidden" data-continue-link=""></button>
                            </div>
                            <button class="close js-close mega-button action icon" aria-label="[$148]">
                                <i class="sprite-fm-mono icon-dialog-close icon24"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fm-banner-holder">
                <div class="mega-component banner-rack flow-up top rack system-wide hidden new-banner">
                    <div class="rack-slot">
                        <div class="slot-inner">
                            <div class="mega-component alert banner warning">
                                <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                                <div class="content-box">
                                    <span class="banner title-text"></span>
                                    <span class="banner message-text"></span>
                                </div>
                                <div class="banner end-box"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block full">
                    <div class="mega-component alert banner error">
                        <i class="banner left-icon sprite-fm-mono icon-alert-triangle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text"></span>
                            <span class="banner message-text"></span>
                            <a href="/pro" class="clickurl action-link">[$upgrade_now]</a>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block expired-business">
                    <div class="mega-component alert banner error">
                        <i class="banner left-icon sprite-fm-mono icon-alert-triangle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text"></span>
                            <span class="banner message-text"></span>
                            <a href="/repay" class="clickurl action-link"></a>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block almost-full">
                    <div class="mega-component alert banner warning">
                        <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text">[$storage_almost_full]</span>
                            <span class="banner message-text">[$bn_almost_full_text]</span>
                            <a href="/pro" class="clickurl action-link">[$upgrade_now]</a>
                        </div>
                        <div class="banner end-box">
                            <button class="mega-component text-icon nav-elem icon-only button">
                                <i class="sprite-fm-mono icon-dialog-close-thin left-icon icon-size-24"></i>
                            </button>
                        </div>
                    </div>
                </div>
                 <div class="fm-notification-block rewind-reduction">
                    <div class="mega-component alert banner warning">
                        <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text">[$bf_rewind_rd_notif_title]</span>
                            <span class="banner message-text">[$bf_rewind_rd_notif_msg]</span>
                        </div>
                        <div class="banner end-box">
                            <button class="mega-component text-icon nav-elem icon-only button">
                                <i class="sprite-fm-mono icon-dialog-close-thin left-icon icon-size-24"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block grace-business">
                    <div class="mega-component alert banner error">
                        <i class="banner left-icon sprite-fm-mono icon-alert-triangle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text"></span>
                            <span class="banner message-text"></span>
                            <a href="/repay" class="clickurl action-link"></a>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block business-next-tier">
                    <div class="mega-component alert banner info">
                        <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text"></span>
                            <span class="banner message-text"></span>
                            <a href="" class="action-link"></a>
                        </div>
                        <div class="banner end-box">
                            <button class="mega-component text-icon nav-elem icon-only button">
                                <i class="sprite-fm-mono icon-dialog-close-thin left-icon"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block payment-card-status">
                    <div class="mega-component alert banner">
                        <i class="banner left-icon sprite-fm-mono"></i>
                        <div class="content-box">
                            <span class="banner title-text"></span>
                            <span class="banner message-text"></span>
                            <a href="" class="action-link">[$update_card]</a>
                        </div>
                    </div>
                </div>
                <div class="fm-notification-block device-centre">
                    <div class="mega-component alert banner error">
                        <i class="banner left-icon sprite-fm-mono icon-alert-triangle-thin-outline"></i>
                        <div class="content-box">
                            <span class="banner title-text"></span>
                            <span class="banner message-text"></span>
                        </div>
                    </div>
                </div>
                <div class="s4-info-header-blocks hidden">
                    <div class="fm-notification-block bucket-access-warning">
                        <div class="mega-component alert banner info">
                            <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                            <div class="content-box">
                                <span class="banner title-text"></span>
                                <span class="banner message-text"></span>
                                <a href="http://help.mega.io/megas4/s4-buckets/change-bucket-object-url-access"
                                   target="_blank" class="clickurl action-link" rel="noopener noreferrer">[$8742]</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shares-tabs-bl hidden">
                <button class="shares-tab-lnk in-shares" data-folder="shares" data-eventid="500642">[$16770]</button>
                <button class="shares-tab-lnk out-shares" data-folder="out-shares" data-eventid="500643">[$5543]</button>
                <button class="shares-tab-lnk public-links" data-folder="public-links" data-eventid="500644">[$24687]</button>
                <button class="shares-tab-lnk file-requests" data-folder="file-requests" data-eventid="500645">[$file_request_title]</button>
                <div class="clear"></div>
            </div>

            <div id="media-tabs"></div>

            <div class="fm-right-header fm hidden">

                <input type="file" id="fileselect1" title="" class="hidden" multiple />
                <input type="file" id="fileselect2" title="" class="hidden" webkitdirectory multiple />

                <div class="fm-header-buttons">
                    <button class="mega-component nav-elem normal button action fm-share-folder hidden" title="[$60]">
                        <i class="sprite-fm-mono icon-share-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$60]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-manage-share-folder hidden" title="[$manage_share]">
                        <i class="sprite-fm-mono icon-folder-users-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$manage_share]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-clearbin-button hidden" title="[$7741]">
                        <i class="sprite-fm-mono icon-dialog-close-thin left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$7741]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-new-shared-folder hidden" title="[$16533]">
                        <i class="sprite-fm-mono icon-folder-users-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$16533]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-new-link hidden" title="[$20667]">
                        <i class="sprite-fm-mono icon-plus-light-solid left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$20667]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-new-file-request hidden" title="[$file_request_action_create]">
                        <i class="sprite-fm-mono icon-folder-arrow-02-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$file_request_action_create]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-s4-new-bucket js-s4-new-bucket hidden" title="[$s4_create_bkt]">
                        <i class="sprite-fm-mono icon-bucket-objects-regular-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$s4_create_bkt]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-s4-settings js-s4-settings hidden" title="[$823]">
                        <i class="sprite-fm-mono icon-settings-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$823]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-s4-new-key hidden" title="[$s4_key_create]">
                        <i class="sprite-fm-mono icon-plus-light-solid left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$s4_key_create]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-s4-new-user hidden" title="[$s4_user_create_button]">
                        <i class="sprite-fm-mono icon-plus-light-solid left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$s4_user_create_button]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-s4-new-group hidden" title="[$s4_group_create_button]">
                        <i class="sprite-fm-mono icon-plus-light-solid left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$s4_group_create_button]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-add-backup hidden" title="[$add_backup_button]">
                        <i class="sprite-fm-mono icon-database-plus-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$add_backup_button]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-add-syncs hidden" title="[$add_syncs_button]">
                        <i class="sprite-fm-mono icon-sync-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$add_syncs_button]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button action fm-import-to-cloudrive hidden" title="[$btn_imptomega]">
                        <i class="sprite-fm-mono icon-cloud-upload-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elem">
                            <span class="primary-text">[$btn_imptomega]</span>
                        </div>
                    </button>

                    <button class="mega-component nav-elem normal button fm-download hidden" title="[$58]">
                        <i class="sprite-fm-mono icon-arrow-down-circle-thin-outline left-icon"></i>
                        <div class="text-box-wrapper sk-elm">
                            <span class="primary-text">[$58]</span>
                        </div>
                    </button>

                </div>

                <div class="fm-card-holder"></div>


                <div class="fm-breadcrumbs-wrapper">
                    <div class="crumb-overflow-link dropdown">
                        <a class="breadcrumb-dropdown-link">
                            <i class="menu-icon sprite-fm-mono icon-more-horizontal-thin-outline icon16"></i>
                        </a>
                        <i class="sprite-fm-mono icon-chevron-right-thin-outline icon16"></i>
                    </div>
                    <div class="fm-breadcrumbs-block"></div>
                    <div class="breadcrumb-dropdown"></div>
                </div>

                <div class="fm-search-count hidden"></div>

                <div class="filter-block fm body hidden">
                    <div class="filter-block info">[$17791]:</div>
                    <div class="filter-block content">
                    </div>
                    <div class="filter-block close">
                        <i class="sprite-fm-mono icon-close-component small-cross"></i>
                    </div>
                </div>

                <div class="filter-block rubbish body hidden">
                    <div class="filter-block info">[$17791]:</div>
                    <div class="filter-block content">
                    </div>
                    <div class="filter-block close">
                        <i class="sprite-fm-mono icon-close-component small-cross"></i>
                    </div>
                </div>

                <div class="filter-block shares body hidden">
                    <div class="filter-block info">[$17791]:</div>
                    <div class="filter-block content">
                    </div>
                    <div class="filter-block close">
                        <i class="sprite-fm-mono icon-close-component small-cross"></i>
                    </div>
                </div>

                <div class="filter-block out-shares body hidden">
                    <div class="filter-block info">[$17791]:</div>
                    <div class="filter-block content">
                    </div>
                    <div class="filter-block close">
                        <i class="sprite-fm-mono icon-close-component small-cross"></i>
                    </div>
                </div>

                <div class="filter-block public-links body hidden">
                    <div class="filter-block info">[$17791]:</div>
                    <div class="filter-block content">
                    </div>
                    <div class="filter-block close">
                        <i class="sprite-fm-mono icon-close-component small-cross"></i>
                    </div>
                </div>
                <div class="fm-header-chips-and-view-buttons">
                    <div class="fm-filter-chips-wrapper hidden">
                        <i class="sprite-fm-mono icon-check selected-mark selected-mark-template hidden"></i>
                        <div class="fm-filter-chips">
                            <div class="fm-filter-chip-button fm-filter-chip-location hidden">
                                <div class="fm-filter-chip-button-text">
                                    [$17818]
                                </div>
                                <i class="sprite-fm-mono icon-chevron-down-thin-outline"></i>
                            </div>

                            <div class="fm-filter-chip-button fm-filter-chip-type">
                                <div class="fm-filter-chip-button-text">
                                    [$filter_chip_type]
                                </div>
                                <i class="sprite-fm-mono icon-chevron-down-thin-outline"></i>
                            </div>
                            <div class="fm-filter-chip-button fm-filter-chip-mtime">
                                <div class="fm-filter-chip-button-text">
                                    [$filter_chip_mdate]
                                </div>
                                <i class="sprite-fm-mono icon-chevron-down-thin-outline"></i>
                            </div>
                            <div class="fm-filter-chip-button fm-filter-chip-dateadded">
                                <div class="fm-filter-chip-button-text">
                                    [$17445]
                                </div>
                                <i class="sprite-fm-mono icon-chevron-down-thin-outline"></i>
                            </div>
                            <div class="fm-filter-reset hidden">
                                [$filter_chip_reset]
                            </div>
                        </div>
                    </div>

                    <div class="dc-filter-chips-wrapper hidden">
                        <i class="sprite-fm-mono icon-check selected-mark selected-mark-template hidden"></i>
                        <i class="sprite-fm-mono icon-question-filled simpletip tooltip-question-mark-template dropdown-inline-tooltip hidden"></i>
                        <div class="dc-filter-chips">
                            <div class="dc-filter-chip-button dc-filter-chip-deviceactivity">
                                <div class="dc-filter-chip-button-text">
                                    [$dc_fchips_all_devices]
                                </div>
                                <span class="nw-fm-tree-arrow rot-90"></span>
                            </div>
                        </div>
                    </div>

                    <div class="selection-status-bar hidden">
                        <div class="items-center">
                            <div class="selection-bar-col"></div>
                            <div class="spacer">&#183;</div>
                            <div class="selection-bar-size"></div>
                        </div>
                        <div class="selection-links-wrapper">
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-key-download" data-simpletip="[$58]">
                                <i class="sprite-fm-mono icon-arrow-down-circle-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-key-enable" data-simpletip="[$s4_key_enable]">
                                <i class="sprite-fm-mono icon-check-circle-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-key-disable" data-simpletip="[$s4_key_disable]">
                                <i class="sprite-fm-mono icon-minus-circle-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-key-copy-config" data-simpletip="[$63]">
                                <i class="sprite-fm-mono icon-copy-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-policy-copy-arn" data-simpletip="[$63]">
                                <i class="sprite-fm-mono icon-copy-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-key-rename" data-simpletip="[$61]">
                                <i class="sprite-fm-mono icon-edit-03-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-key-delete" data-simpletip="[$1730]">
                                <i class="sprite-fm-mono icon-trash-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-user-copy-arn" data-simpletip="[$s4_copy_arn]">
                                <i class="sprite-fm-mono icon-copy-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-user-rename" data-simpletip="[$61]">
                                <i class="sprite-fm-mono icon-edit-03-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-user-delete" data-simpletip="[$1730]">
                                <i class="sprite-fm-mono icon-trash-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-group-copy-arn" data-simpletip="[$s4_copy_arn]">
                                <i class="sprite-fm-mono icon-copy-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-group-rename" data-simpletip="[$61]">
                                <i class="sprite-fm-mono icon-edit-03-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn s4-group-delete" data-simpletip="[$1730]">
                                <i class="sprite-fm-mono icon-trash-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn download" data-simpletip="[$58]">
                                <i class="sprite-fm-mono icon-arrow-down-circle-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn link" data-simpletip="[$share_link]">
                                <i class="sprite-fm-mono icon-link-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn copy-link" data-simpletip="[$copy_link]">
                                <i class="sprite-fm-mono icon-copy-link-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn remove-link" data-simpletip="[$6821]">
                                <i class="sprite-fm-mono icon-remove-link-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn share" data-simpletip="[$5631]">
                                <i class="sprite-fm-mono icon-folder-users-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn manage-file-request" data-simpletip="[$file_request_dropdown_manage]">
                                <i class="sprite-fm-mono icon-folder-arrow-02-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn add-to-album" data-simpletip="[$add_to_album]">
                                <i class="sprite-fm-mono icon-rectangle-stack-plus-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn rename" data-simpletip="[$61]">
                                <i class="sprite-fm-mono icon-edit-03-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn move" data-simpletip="[$62]">
                                <i class="sprite-fm-mono icon-move-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn info" data-simpletip="[$6859]">
                                <i class="sprite-fm-mono icon-info-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn restore" data-simpletip="[$5726]">
                                <i class="sprite-fm-mono icon-clock-rotate-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn delete" data-simpletip="[$83]">
                                <i class="sprite-fm-mono icon-trash-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn delete-from-album" data-simpletip="[$album_item_remove_label]">
                                <i class="sprite-fm-mono icon-trash-thin-outline"></i>
                            </button>
                            <button class="mega-component nav-elem icon-only transparent-icon simpletip small js-statusbarbtn options" data-simpletip="[$tooltip_more]">
                                <i class="sprite-fm-mono icon-more-vertical-thin-outline"></i>
                            </button>
                        </div>
                    </div>

                    <!-- Gallery controls -->
                    <div id="media-section-controls" class="hidden">
                        <div class="gallery-tabs-bl flex flex-row gap-2 fm-filter-chips py-4 px-5 hidden">
                            <div class="gallery-section-title flex-1 flex flex-row gap-2 items-center">
                                <div class="media-filter-reset">
                                    <button class="fm-filter-reset">[$filter_chip_reset]</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="fm-header-bottom">
                        <button class="mega-component nav-elem icon-only transparent-icon fm-files-view-icon">
                            <i class="sprite-fm-mono icon-grid-4-thin-outline"></i>
                        </button>
                        <button class="mega-component nav-elem icon-only transparent-icon fm-header-info hidden">
                            <i class="sprite-fm-mono icon-info-thin-outline"></i>
                        </button>
                        <button class="mega-component nav-elem icon-only transparent-icon fm-small-nav simpletip" data-simpletip="[$hide_options]" data-simpletip-class="small-nav-tip">
                            <i class="sprite-fm-mono icon-chevrons-up-thin-outline"></i>
                        </button>
                    </div>

                    <div id="media-section-right-controls" class="hidden">
                        <div class="gallery-tabs-bl flex flex-row gap-2 fm-filter-chips py-4 px-5 hidden">
                            <div class="gallery-section-tabs flex flex-row items-center gap-2">
                                <button class="gallery-tab-lnk fm-filter-chip-button gallery-tab-lnk-y years" data-folder="y">[$gallery_years]</button>
                                <button class="gallery-tab-lnk fm-filter-chip-button gallery-tab-lnk-m months" data-folder="m">[$gallery_months]</button>
                                <button class="gallery-tab-lnk fm-filter-chip-button gallery-tab-lnk-d days" data-folder="d">[$gallery_days]</button>
                                <div class="vert-separator"></div>
                                <button class="gallery-tab-lnk fm-filter-chip-button gallery-tab-lnk-a all" data-folder="a">[$gallery_all]</button>
                            </div>
                            <div class="gallery-section-discovery hidden">
                                <button class="mega-button action gallery-close-discovery">
                                    <div>
                                        <i class="sprite-fm-mono icon-dialog-close"></i>
                                    </div>
                                    <span>[$gallery_exit_discovery]</span>
                                </button>
                            </div>
                        </div>
                    </div>

                    <!-- Secondary banners holder !-->
                    <div class="fm-banner-holder secondary-banners">
                        <!-- Duplicated items !-->
                        <div class="fm-notification-block duplicated-items-found">
                            <div class="mega-component alert banner warning">
                                <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                                <div class="content-box">
                                    <span class="banner title-text"></span>
                                    <span class="banner message-text">[$bn_duplicates_text]</span>
                                    <a href="" class="action-link">[$bn_duplicates_lnk]</a>
                                </div>
                                <div class="banner end-box">
                                    <button class="mega-component text-icon nav-elem icon-only button">
                                        <i class="sprite-fm-mono icon-dialog-close-thin left-icon"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                        <!-- Limited nodes in MEGALite !-->
                        <div class="fm-notification-block mlite-limited-nodes">
                            <div class="mega-component alert banner warning">
                                <div class="content-box">
                                    <span class="banner title-text"></span>
                                    <span class="banner message-text"></span>
                                    <a class="action-link"></a>
                                </div>
                            </div>
                        </div>

                        <!-- Rubbish bin schedule !-->
                        <div class="fm-notification-block rubbish-schedule">
                            <div class="mega-component alert banner info">
                                <i class="banner left-icon sprite-fm-mono icon-alert-circle-thin-outline"></i>
                                <div class="content-box">
                                    <span class="banner title-text"></span>
                                    <span class="banner message-text"></span>
                                    <a href="/fm/account/file-management/rubbish-cleaning" class="clickurl action-link">[$1776]</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="fm-header-grid-extra">
                        <i class="sprite-fm-mono icon-check sprite-fm-mono-after icon-minimise-after select-all-checkbox"></i>
                    </div>
                </div>
            </div>

            <!-- Users Management Header -->
            <div class="fm-right-header-user-management hidden">
                <div class="sub-loader js-ba-loader"></div>
                <div class="user-management-main-page-buttons hidden">
                    <a class="fm-files-view-icon-user-management block-view hidden" title="Thumbnail view"></a>
                    <a class="fm-files-view-icon-user-management listing-view active hidden" title="List view"></a>
                    <button class="mega-button action ba-account">
                        <div>
                            <i class="sprite-fm-mono icon-accounts"></i>
                        </div>
                        <!--Account-->
                        <span>[$403]</span>
                    </button>

                    <button class="mega-button action add-sub-user">
                        <div>
                            <i class="sprite-fm-mono icon-add-circle"></i>
                        </div>
                        <!--Add Users-->
                        <span>[$19084]</span>
                    </button>
                </div>

                <div class="user-management-breadcrumb subaccount hidden">
                    <div class="user-management-title">
                        [$24538]
                    </div>
                    <i class="sprite-fm-mono icon-arrow-right"></i>
                    <div class="user-management-subuser-name">Jay Pierce</div>
                </div>

                <div class="user-management-breadcrumb account hidden">
                    <div class="user-management-title acc-home">
                        [$24538]
                    </div>
                    <i class="sprite-fm-mono icon-arrow-right"></i>
                    <div class="user-management-subuser-name acc-acc">[$403]</div>
                    <i class="sprite-fm-mono icon-arrow-right inv-det-arrow hidden"></i>
                    <div class="user-management-subuser-name inv-det-id hidden">Inv No. (placeholder!!!!)</div>
                </div>

                <div class="user-management-breadcrumb pro-iv-invoices hidden">
                    <div class="user-management-title acc-home">[$16668]</div>
                    <i class="sprite-fm-mono icon-arrow-right"></i>
                    <div class="user-management-subuser-name acc-acc">[$19282]</div>
                    <i class="sprite-fm-mono icon-arrow-right inv-det-arrow hidden"></i>
                    <div class="user-management-subuser-name inv-det-id hidden">Inv No. (placeholder!!!!)</div>
                </div>

                <div class="user-management-overview-buttons hidden">
                    <button class="mega-button pdf-exp hidden">
                        <div>
                            <i class="export-pdf-icon icon"></i>
                        </div>
                        <span>Export to PDF</span>
                    </button>
                    <button class="mega-button hidden">
                        <div>
                            <i class="view-plan-icon icon"></i>
                        </div>
                        <span>View Plans</span>
                    </button>
                </div>
            </div>

            <!-- End Users Management Header -->

            <div class="device-centre-shimmer hidden"></div>

            <div class="device-centre-header hidden">
                <div class="device-centre-header-data">
                    <div class="device-centre-header-icon">
                        <i class="device-centre-header-icon"></i>
                    </div>
                    <div class="device-centre-header-info">
                        <div class="first-row">
                            <div class="name"></div>
                            <i class="device-centre-tooltip-icon sprite-fm-mono icon-info-filled simpletip hidden"
                                data-simpletip=""
                                data-simpletipposition="top"
                                data-simpletipoffset="2">
                            </i>
                            <div class="options">
                                <a href="" class="options-link hidden">
                                    <i class="sprite-fm-mono icon-options"></i>
                                </a>
                            </div>
                        </div>
                        <div class="device-centre-item-info status"></div>
                    </div>
                </div>
                <div class="device-centre-header-actions">
                    <button class="mega-button secondary togglepause-button js-dc-togglepause-sync-button hidden" type="button">
                        <i class="sprite-fm-mono"></i>
                        <span></span>
                    </button>
                    <button class="mega-button negative stop-button js-dc-remove-sync-button hidden" type="button">
                        <span></span>
                    </button>
                </div>
            </div>

            <div class="fm-empty-section fm-empty-faves hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-favourite"></i>
                    <div class="fm-empty-cloud-txt">[$gallery_favourites_empty]</div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-cloud hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-cloud-drive"></i>
                    <div class="fm-empty-cloud-txt">[$cloud_drive_empty_title]</div>
                    <div class="fm-not-logged-text">
                        <div class="fm-not-logged-description">
                            [$8762]
                        </div>
                        <button class="mega-button positive large fm-not-logged-button create-account">
                            <span>[$5582]</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-device-list hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-backup"></i>
                    <div class="fm-empty-cloud-txt">[$devices_empty_title]</div>
                    <div class="fm-empty-description"></div>
                    <div class="fm-app-links hidden">
                        <div class="fm-mega-app-link-container">
                            <button class="mega-app-desktop mega-button positive">[$download_desktop_app]</button>
                            <button class="mega-app-mobile mega-button secondary">[$download_mobile_app]</button>
                        </div>
                    </div>
                    <div class="fm-add-sb-actions hidden">
                        <button class="mega-button action cta-add-backup" title="[$add_backup_button]">
                            <div>
                                <i class="sprite-fm-mono icon-database icon-green"></i>
                            </div>
                            <span>[$add_backup_button]</span>
                        </button>
                        <button class="mega-button action cta-add-syncs" title="[$add_syncs_button]">
                            <div>
                                <i class="sprite-fm-mono icon-sync icon-blue"></i>
                            </div>
                            <span>[$add_syncs_button]</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="fm-empty-section fm-no-active-devices hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-backup"></i>
                    <div class="fm-empty-cloud-txt">[$dc_no_active_devices_title]</div>
                    <div class="fm-empty-description">
                        [$dc_no_active_devices_desc]
                    </div>
                </div>
            </div>
            <div class="fm-empty-section fm-no-active-folders hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon icon-folder-3d"></i>
                    <div class="fm-empty-cloud-txt">[$dc_no_active_folders_title]</div>
                    <div class="fm-empty-description">
                        [$dc_no_active_folders_desc]
                    </div>
                </div>
            </div>

            <div class="fm-empty-section fm-empty-folder hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-folder-filled"></i>
                    <div class="fm-empty-cloud-txt">[$782]</div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-folder-link hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-folder-filled"></i>
                    <div class="fm-empty-cloud-txt">[$782]</div>
                </div>
            </div>
            <div class="fm-empty-section fm-invalid-folder hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-cancel-folders"></i>
                    <div class="fm-empty-cloud-txt">[$6869]</div>
                    <div class="fm-empty-description">
                        [$24196]
                    </div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-search hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-preview-reveal"></i>
                    <div class="fm-empty-cloud-txt">[$8674]</div>
                </div>
                <div class="empty-search-bottom-menu">
                    <div class="empty-search-bg"></div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-filter hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-preview-reveal"></i>
                    <div class="fm-empty-cloud-txt">[$18233]</div>
                </div>
                <div class="empty-search-bottom-menu">
                    <div class="empty-search-bg"></div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-trashbin hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-bin-filled"></i>
                    <div class="fm-empty-cloud-txt">[$7740]</div>
                </div>
            </div>
            <div class="fm-empty-section fm-empty-user-management hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-contacts"></i>
                    <div class="fm-empty-cloud-txt">[$19987]</div>
                </div>
            </div>

            <div class="fm-empty-section fm-empty-incoming hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-folder-incoming-share-filled"></i>
                    <div class="fm-empty-cloud-txt">[$6871]</div>
                    <div class="fm-not-logged-text">
                        <div class="fm-not-logged-description">
                            [$8762]
                        </div>
                        <button class="mega-button positive large fm-not-logged-button create-account">
                            <span>[$968]</span>
                        </button>
                    </div>
                </div>
            </div>

            <div class="fm-empty-section fm-empty-outgoing hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-folder-outgoing-share-filled"></i>
                    <div class="fm-empty-cloud-txt">[$20668]</div>
                </div>
            </div>

            <div class="fm-empty-section fm-empty-file-requests hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-folder-mega-drop-filled"></i>
                    <div class="fm-empty-cloud-txt">[$file_request_page_empty_title]</div>
                    <div class="fm-empty-description">[$file_request_page_empty_desc]</div>
                    <div class="fm-empty-options">
                        <div class="fm-empty-options-item">
                            <button class="mega-button positive fm-new-file-request">
                                <span>[$file_request_action_create]</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="fm-empty-section fm-empty-public-link hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-mono icon-link-filled"></i>
                    <div class="fm-empty-cloud-txt">[$20669]</div>
                </div>
            </div>

            <div class="fm-empty-section s4 fm-empty-s4-container hidden">
                <div class="fm-empty-pad">
                    <div class="empty-message">[$welcome_mega_s4]</div>
                    <div class="create-new-bkt-block">
                        <div class="create-new-bkt-wrapper">
                            <i class="sprite-fm-theme icon-bucket"></i>
                            <div class="new-bkt-message">
                                <div class="new-bkt-title">[$s4_create_bkt]</div>
                                <div class="new-bkt-txt">[$s4_purp_msg]</div>
                            </div>
                            <button class="mega-button round large new-bkt-btn js-s4-new-bucket"><i
                                    class="sprite-fm-mono icon-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="fm-empty-section s4 fm-empty-s4-bucket hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-bucket-upload"></i>
                    <div class="fm-empty-cloud-txt">[$s4_bucket_empty_title]</div>
                    <div class="fm-empty-description">[$s4_bucket_empty_msg]</div>
                </div>
            </div>

            <div class="fm-empty-section s4 fm-empty-s4-keys hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-keys"></i>
                    <div class="fm-empty-s4-keys-txt">
                        <div class="fm-empty-s4-keys-title">[$s4_key_create]</div>
                        <div class="fm-empty-s4-keys-message">[$s4_key_create_explain]</div>
                    </div>
                </div>
            </div>

            <div class="fm-empty-section s4 fm-empty-s4-policies hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-policy"></i>
                    <div class="fm-empty-s4-policies-txt">
                        <div class="fm-empty-s4-policies-title">[$s4_no_policies]</div>
                        <div class="fm-empty-s4-policies-message">[$s4_no_policies_info]</div>
                    </div>
                </div>
            </div>

            <div class="fm-empty-section s4 fm-empty-s4-users hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-users"></i>
                    <div class="fm-empty-s4-users-txt">
                        <div class="fm-empty-s4-users-title">[$s4_user_create_empty]</div>
                        <div class="fm-empty-s4-users-message">[$s4_user_empty_msg]</div>
                    </div>
                </div>
            </div>
            <div class="fm-empty-section s4 fm-empty-s4-groups hidden">
                <div class="fm-empty-pad">
                    <i class="section-icon sprite-fm-theme icon-empty-state-groups"></i>
                    <div class="fm-empty-s4-groups-txt">
                        <div class="fm-empty-s4-groups-title">[$s4_group_create_empty]</div>
                        <div class="fm-empty-s4-groups-message">[$s4_group_empty_msg]</div>
                    </div>
                </div>
            </div>
            <div class="fm-rewind-progress-section hidden">
                <div class="content">
                    <div class="image"></div>
                    <div class="title"></div>
                    <div class="rw-steps">
                        <div class="rw-progress-step rw-progress-step-template hidden">
                            <i class="rw-progress-spinner sprite-fm-mono icon-loader-grad-small-regular-outline icon24"></i>
                            <i class="rw-progress-done sprite-fm-mono icon-check-thin-outline icon24"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="files-grid-view fm hidden">
                <div class="column-settings overlap">
                    <i class="sprite-fm-mono icon-column simpletip" data-simpletipposition="top" data-simpletip="[$column_selection_title]"></i>
                </div>
                <div class="grid-scrolling-table megaListContainer">
                    <div class="grid-wrapper">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="grid-table table-hover fm">
                            <thead>
                                <tr>
                                    <th>
                                        <i class="sprite-fm-mono icon-check sprite-fm-mono-after icon-minimise-after select-all-checkbox"></i>
                                    </th>
                                    <th megatype="fname">
                                        <div class="arrow name asc sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="fav" class="grid-first-th">
                                        <span class="grid-header-star fav">
                                            <i class="grid-status-icon sprite-fm-mono icon-heart-thin-solid simpletip"></i>
                                        </span>
                                    </th>
                                    <th megatype="label">
                                        <div class="arrow label sprite-fm-mono icon-arrow-left-thin-solid">[$17398]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="owner">
                                        <div class="arrow owner sprite-fm-mono icon-arrow-left-thin-solid">[$5905]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="timeAd">
                                        <div class="arrow date sprite-fm-mono icon-arrow-left-thin-solid">[$17445]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="timeMd">
                                        <div class="arrow mtime sprite-fm-mono icon-arrow-left-thin-solid">[$94]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="type">
                                        <div class="arrow type sprite-fm-mono icon-arrow-left-thin-solid">[$93]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="accessCtrl">
                                        <div class="arrow accessCtrl sprite-fm-mono icon-arrow-left-thin-solid">[$s4_public_url]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="size">
                                        <div class="arrow size sprite-fm-mono icon-arrow-left-thin-solid">[$87]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="versions">
                                        <div class="arrow versions sprite-fm-mono icon-arrow-left-thin-solid">[$17150]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="playtime">
                                        <div class="arrow playtime sprite-fm-mono icon-arrow-left-thin-solid">[$duration]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="fileLoc">
                                        <div class="arrow fileLoc sprite-fm-mono icon-arrow-left-thin-solid">[$file_location_label]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <!--<th megatype="extras">
                                                        <div class="arrow ">[$17150]</div>
                                                        <div class="grid-view-resize">&nbsp;</div>
                                                    </th>-->
                                    <th megatype="extras" class="grid-url-header"></th>
                                    <th class="grid-empty-spacer"></th>
                                </tr>
                            </thead>
                            <tr class="clone-of-header">
                                <th></th>
                                <th class="grid-first-th">
                                    <span class="grid-header-star fav"></span>
                                </th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th class="grid-sixth-th grid-url-header">URL</th>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <div class="fm-blocks-view fm hidden">
                <div class="file-block-scrolling"></div>
                <div class="blocks-view-data"></div>
            </div>

            <!-- USERS managment right block -->

            <div class="files-grid-view user-management-view hidden">

                <div class="user-management-landing-page user-management-view hidden">
                    <div class="landing-page-container">
                        <div class="landing-title">[$19137]</div>
                        <div class="landing-sub-title">[$19138]</div>
                        <div class="landing-sub-container first">
                            <div class="list-icon sprite-fm-uni icon-contact-add"></div>
                            <div>
                                <div class="landing-container-title">[$19084]</div>
                                <div class="landing-container-subtitle">[$19139]</div>
                            </div>
                            <button class="mega-button positive adding-subuser">
                                <span>[$19084]</span>
                            </button>
                        </div>
                        <div class="landing-sub-container">
                            <div class="list-icon sprite-fm-uni icon-accounts"></div>
                            <div>
                                <div class="landing-container-title">[$403]</div>
                                <div class="landing-container-subtitle">[$19521]</div>
                            </div>
                            <button class="mega-button positive suba-account-setting">
                                <span>[$19522]</span>
                            </button>
                        </div>

                    </div>
                </div>

                <div class="user-management-list-table hidden">
                    <div class="user-analysis-container section-container">
                        <div class="view-title">[$19189]</div>
                        <div class="user-analysis-summary-data">
                            <div class="user-segments-container active-subs">
                                <div class="user-segment-title">[$bsn_active_u_num]</div>
                                <div class="user-segment-number"> </div>
                            </div>
                            <div class="user-segments-container pending-subs">
                                <div class="user-segment-title">[$19221]</div>
                                <div class="user-segment-number"> </div>
                            </div>
                            <div class="user-segments-container disabled-subs">
                                <div class="user-segment-title">[$19086]</div>
                                <div class="user-segment-number"> </div>
                            </div>
                            <div class="user-segments-container all-subs">
                                <div class="user-segment-title">[$bsn_total_u]</div>
                                <div class="user-segment-number"> </div>
                            </div>
                        </div>
                    </div>
                    <div class="table-user-management">
                        <div class="view-title">[$bsn_compare_users]</div>
                        <div class="user-management-scroll sticky-header-table-container">
                            <table class="grid-table-user-management data-table medium-list">
                                <thead>
                                    <tr>
                                        <th class="name">
                                            [$86]
                                        </th>
                                        <th class="status">
                                            [$89]
                                        </th>
                                        <th class="used-storage">
                                            [$18760]
                                        </th>
                                        <th class="used-transfer">
                                            [$19091]
                                        </th>
                                        <th class="last-active">
                                            [$19749]
                                        </th>
                                        <th class="actions"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="name">
                                            <div class="fm-user-management-user">
                                                <span class="user-management-name"></span>
                                                <div class="admin-icon hidden">
                                                    <i class="sprite-fm-mono icon-admin simpletip"
                                                        data-simpletip="[$19610]"></i>
                                                </div>
                                            </div>
                                            <div class="user-management-email"> </div>
                                        </td>
                                        <td class="status">
                                            <div class="user-management-status enabled">
                                                <i class="enabled sprite-fm-mono icon-active"></i>
                                                <i class="pending sprite-fm-mono icon-info-filled"></i>
                                                <i class="disabled sprite-fm-mono icon-disabled-filled"></i>
                                            </div>
                                            <span class="user-management-status-txt"> </span>
                                        </td>
                                        <td class="used-storage business-sub-storage-use"><span> </span></td>
                                        <td class="used-transfer business-sub-transfer-use"><span> </span></td>
                                        <td class="last-active business-sub-last-active"><span> </span></td>
                                        <td class="actions">
                                            <button class="mega-button action icon view-icon icon-wrapper simpletip"
                                                data-simpletip="[$19093]" data-simpletipwrapper=".table-user-management">
                                                <i class="sprite-fm-mono icon-eye-reveal"></i>
                                            </button>
                                            <button class="mega-button action icon edit-icon icon-wrapper simpletip"
                                                data-simpletip="[$16735]" data-simpletipwrapper=".table-user-management">
                                                <i class="sprite-fm-mono icon-account-edit"></i>
                                            </button>
                                            <button
                                                class="mega-button action icon disabled-icon icon-wrapper dis-en-icon simpletip"
                                                data-simpletip="[$19092]" data-simpletipwrapper=".table-user-management">
                                                <i class="sprite-fm-mono icon-disable"></i>
                                            </button>
                                            <button
                                                class="mega-button action icon enabled-icon icon-wrapper dis-en-icon simpletip hidden"
                                                data-simpletip="[$19094]" data-simpletipwrapper=".table-user-management">
                                                <i class="sprite-fm-mono icon-enabled"></i>
                                            </button>

                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="user-management-overview-bar hidden">
                        <div class="user-management-overview-bar-data">
                            <div class="info-block storage-sub-users">
                                <div class="title">[$bsn_curr_stge_usage]</div>
                                <div class="value">
                                    <div class="number"></div>
                                    <div class="title2"></div>
                                </div>
                            </div>
                            <div class="info-block bandwidth-sub-users">
                                <div class="title">[$20138]</div>
                                <div class="value">
                                    <div class="number"></div>
                                    <div class="title2"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <div class="user-management-subaccount-view-container scroll-block hidden">
                    <div class="user-management-subuser-profile-container">
                        <div class="subaccount-img-big"></div>
                        <div class="user-management-subuser-profile">
                            <div class="user-management-subuser-profile-details">
                                <div class="subuser-container">
                                    <div class="subuser-name"> </div>
                                    <div class="subuser-email"> </div>

                                    <div class="pending-email-note active">
                                        <b>[$19604]:</b> <span class="pending-email-txt"> </span>
                                        <div class="top-login-warning edit-email-warning">
                                            <div class="dropdown-inverted-arrow"></div>
                                            <div class="top-login-warning-pad">
                                                <div class="top-login-warning-txt">
                                                    [$19605]<br>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="view-status-row">
                                        <span class="user-management-view-status text"></span>
                                        <div class="user-management-view-status pending">
                                            <i class="enabled sprite-fm-mono icon-active"></i>
                                            <i class="pending sprite-fm-mono icon-info-filled"></i>
                                            <i class="disabled sprite-fm-mono icon-disabled-filled"></i>
                                        </div>
                                    </div>

                                    <div class="admin-icon role hidden">
                                        <div class="admin-text">[$19610]</div>
                                        <i class="sprite-fm-mono icon-admin"></i>
                                    </div>
                                </div>

                                <div class="subuser-sec-profile-container">
                                    <ul>
                                        <li>
                                            <span>[$19151]:</span>
                                            <span class="sub-info-idnum"> </span>
                                        </li>
                                        <li>
                                            <span>[$19150]:</span>
                                            <span class="sub-info-pos"> </span>
                                        </li>
                                        <li>
                                            <span>[$19152]:</span>
                                            <span class="sub-info-phone"> </span>
                                        </li>
                                        <li>
                                            <span>[$17818]:</span>
                                            <span class="sub-info-loc"> </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="profile-button-container">
                                <button class="mega-button resend-verification">
                                    <span>[$19097]</span>
                                </button>
                                <button class="mega-button edit-profile">
                                    <span>[$16735]</span>
                                </button>
                                <button class="mega-button migrate-data">
                                    <span>[$19750]</span>
                                </button>
                                <button class="mega-button reset-sub-user-password">
                                    <span>[$737]</span>
                                </button>
                                <button class="mega-button negative disable-account">
                                    <span>[$19092]</span>
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="user-management-view-data">
                        <div class="user-management-view-overall-usage">
                            <div class="view-title">[$18076]</div>
                            <div class="data">
                                <div class="user-management-storage">
                                    <div class="img">
                                        <i class="sprite-fm-uni icon-storage-quota"></i>
                                    </div>
                                    <div class="view-info">
                                        <div class="storage-transfer-text">[$495]</div>
                                        <div class="storage-transfer-data"> </div>
                                    </div>
                                </div>
                                <div class="user-management-transfer">
                                    <div class="img">
                                        <i class="sprite-fm-uni icon-transfer-quota"></i>
                                    </div>
                                    <div class="view-info">
                                        <div class="storage-transfer-text">[$18057]</div>
                                        <div class="storage-transfer-data"> </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="subaccount-view-used-data">
                            <div class="view-title">[$16130]</div>
                            <div class="used-storage-wrap">
                                <div class="used-storage-info ba-root">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-cloud"></i>
                                    </div>
                                    <div class="ff-name">
                                        [$164]
                                    </div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"></div>
                                    </div>
                                    <div class="ff-occupy"> </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="used-storage-info ba-s4 hidden">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-bucket-outline"></i>
                                    </div>
                                    <div class="ff-name">
                                        [$s4_object_storage]
                                    </div>
                                    <div class="ff-number">
                                    </div>
                                    <div class="ff-occupy"> </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="used-storage-info ba-inshare">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-share-incoming"></i>
                                    </div>
                                    <div class="ff-name">[$16770]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"></div>
                                    </div>
                                    <div class="ff-occupy"> </div>
                                </div>
                                <div class="used-storage-info ba-inshare-ex">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-share-incoming-external"></i>
                                    </div>
                                    <div class="ff-name">[$19187]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"></div>
                                    </div>
                                    <div class="ff-occupy"> </div>
                                </div>
                                <div class="used-storage-info ba-outshare">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-share-outgoing"></i>
                                    </div>
                                    <div class="ff-name">[$5543]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"> </div>
                                    </div>
                                    <div class="ff-occupy"></div>
                                </div>
                                <div class="used-storage-info ba-outshare-ex">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-share-outgoing-external"></i>
                                    </div>
                                    <div class="ff-name">[$19926]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"> </div>
                                    </div>
                                    <div class="ff-occupy"></div>
                                </div>
                                <div class="used-storage-info ba-backups js-backups-el">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-database"></i>
                                    </div>
                                    <div class="ff-name">[$restricted_folder_button]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"> </div>
                                    </div>
                                    <div class="ff-occupy"></div>
                                </div>
                                <div class="used-storage-info ba-rubbish empty">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-bin"></i>
                                    </div>
                                    <div class="ff-name">[$167]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"> </div>
                                    </div>
                                    <div class="ff-occupy"></div>
                                </div>
                                <div class="used-storage-info ba-pub-links">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-link"></i>
                                    </div>
                                    <div class="ff-name">[$16516]</div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div>, </div>
                                        <div class="file-number"> </div>
                                    </div>
                                    <div class="ff-occupy"></div>
                                </div>
                                <div class="used-storage-info ba-version">
                                    <div class="used-storage-icon-cell">
                                        <i class="sprite-fm-mono icon-versions-previous"></i>
                                    </div>
                                    <div class="ff-name">
                                        [$17821]
                                        <i class="sprite-fm-mono icon-settings versioning-settings hidden"
                                            aria-label="[$17580]"></i>
                                    </div>
                                    <div class="ff-number">
                                        <div class="folder-number"></div>
                                        <div class="file-number"> </div>
                                    </div>
                                    <div class="ff-occupy"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="user-management-account-settings hidden">
                    <div class="settings-menu-bar">
                        <div class="settings-menu-item selected suba-setting-profile">[$984]</div>
                        <div class="settings-menu-item suba-setting-inv">[$19282]</div>
                    </div>
                    <div class="border"></div>
                    <div class="profile scroll-block">
                        <div class="setting-block">
                            <div class="title">
                                [$19523]
                            </div>
                            <div class="option-containers">
                                <form autocomplete="disabled">
                                    <div class="input-blocks">
                                        <div class="bus-input-block">
                                            <input class="underlinedText required" type="text" id="prof-cname"
                                                placeholder="[$19603]">
                                            <input class="underlinedText required" type="email" id="prof-email"
                                                placeholder="[$20003]">
                                            <input class="underlinedText required" type="tel" id="prof-phone"
                                                placeholder="[$19152]">
                                            <input class="underlinedText" type="text" id="prof-vat" placeholder="[$19295]">
                                            <div class="taxcode-invoice-note"></div>
                                        </div>
                                        <div class="bus-input-block">
                                            <input class="underlinedText" type="text" id="prof-addr1" placeholder="[$19629]">
                                            <input class="underlinedText" type="text" id="prof-addr2" placeholder="[$19630]"
                                                data-wrapper-class="short-input">
                                            <input class="underlinedText" type="text" id="prof-city" placeholder="[$565]"
                                                data-wrapper-class="short-input">
                                            <input class="underlinedText halfSize-l state" type="text" id="prof-state"
                                                placeholder="[$7192]" data-wrapper-class="short-input">
                                            <input class="underlinedText halfSize-r zip" type="text" id="prof-zip"
                                                placeholder="" data-wrapper-class="short-input">
                                            <div class="mega-input title-ontop dropdown-input short-input cnt-ddl">
                                                <div class="mega-input-title">[$481]</div>
                                                <span>[$996]</span>
                                                <i class="sprite-fm-mono icon-dropdown"></i>
                                                <div class="mega-input-dropdown hidden">
                                                    <div class="dropdown-scroll"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <button class="mega-button positive saving-btn-profile disabled">
                                        <span>[$19631]</span>
                                    </button>
                                </form>
                            </div>
                        </div>

                    </div>
                    <div class="invoice hidden scroll-block">
                        <div class="invoice-list hidden">
                            <div class="invoice-subtitle">[$19283]</div>
                            <div class="invoice-table-container">
                                <table class="invoice-table data-table">
                                    <tr>
                                        <th>
                                            <div class="">[$17023]</div>
                                        </th>
                                        <th>
                                            <div class="">[$16462]</div>
                                        </th>
                                        <th>
                                            <div class="">[$477]</div>
                                        </th>
                                        <th></th>
                                    </tr>
                                    <tr class="invoice-row-data">
                                        <td class="inv-date"> </td>
                                        <td class="inv-desc"> </td>
                                        <td class="inv-total"> </td>
                                        <td>
                                            <a class="view-invoice">[$19284]</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="invoice-detail hidden">
                            <div class="invoice-button">
                                <button class="mega-button inv-detail-export">
                                    <span>[$19288]</span>
                                </button>
                            </div>
                            <div class="invoice-wrap">
                                <div class="invoice-container">
                                    <div class="mega-contact-container">
                                        <div class="mega-logo"></div>
                                        <p class="inv-subtitle">Mega Limited</p>
                                        <ul>
                                            <li class="inv-mega-contact">
                                                <div class="email-small-icon icon12"></div>
                                                <p class="biller-email">invoicing@mega.io</p>
                                            </li>
                                            <li class="inv-mega-contact">
                                                <div class="add-small-icon icon12"></div>
                                                <p class="biller-address">Level 21, Huawei Centre, 120 Albert Street, Auckland
                                                    1010, NEW ZEALAND</p>
                                            </li>
                                            <li class="inv-mega-contact">
                                                <div class="post-small-icon icon12"></div>
                                                <p class="biller-post">Private Bag 92 533, Wellesley St, Auckland 1141, NEW
                                                    ZEALAND</p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="inv-title-container suba-inv">
                                        <div class="inv-right">
                                            <div class="inv-title invv">[$19292]</div>
                                            <ul class=" ">
                                                <li>
                                                    <span>[$19293]</span>
                                                    <span id="invoice-date">13 Nov 2017 </span>
                                                </li>
                                                <li>
                                                    <span>[$19294]</span>
                                                    <span id="invoice-number">NwC-AOyfAxo </span>
                                                </li>
                                                <li>
                                                    <span class="inv-vat-label">[$19295]:</span>
                                                    <span class="invoice-vat">110-633-521</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="inv-border"></div>
                                    <div class="inv-add-container">
                                        <p class="inv-subtitle">[$19296]:</p>
                                        <ul>
                                            <li class="inv-company-name billed-name">AAA LTD.</li>
                                            <li class="inv-per-name billed-attn hidden">ATTN: Khaled Captain</li>
                                            <li class="billed-email">money@mega.io</li>
                                            <li class="billed-address">120 Albert St, Auckland 1010, 120 Albert St, Auckland
                                                1010 </li>
                                            <li class="billed-country">New Zealand</li>
                                            <li class="billed-vat">VAT: 9429030423626 </li>
                                        </ul>
                                    </div>
                                    <div class="inv-payment-table">
                                        <ul>
                                            <li class="inv-li-table-header">
                                                <div class="inv-payment-header">[$17023]</div>
                                                <div class="inv-payment-header">[$16462]</div>
                                                <div class="inv-payment-header">[$16463]</div>
                                            </li>
                                            <li class="inv-li-content">
                                                <div class="inv-payment-item inv-pay-date">1/8/2018</div>
                                                <div class="inv-payment-item inv-pay-desc">Business account for X
                                                    user<br>(1/7/2018 - 31/7/2018)</div>
                                                <div class="inv-payment-item inv-pay-amou">&euro;4.34</div>
                                            </li>
                                            <li class="inv-payment-price inv-li-gst">
                                                <div class="inv-payment-price-deactive-users hidden">[$deactivated_charging]
                                                </div>
                                                <div class="inv-payment-price-detail inv-gst-perc">[$19301]</div>
                                                <div class="inv-payment-price-detail inv-gst-val">&euro;4.34</div>
                                            </li>
                                            <li class="inv-payment-price inv-li-total">
                                                <div class="inv-payment-price-detail">[$19300]</div>
                                                <div class="inv-payment-price-detail inv-total-val">&euro;40000000.34</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="invoice-container pay-receipt">
                                    <div class="mega-contact-container">
                                        <div class="mega-logo"></div>
                                        <p class="inv-subtitle">Mega Limited</p>
                                        <ul>
                                            <li class="inv-mega-contact">
                                                <div class="email-small-icon icon12"></div>
                                                <p class="biller-email">invoicing@mega.io</p>
                                            </li>
                                            <li class="inv-mega-contact">
                                                <div class="add-small-icon icon12"></div>
                                                <p class="biller-address">Level 21, Huawei Centre, 120 Albert Street, Auckland
                                                    1010, New Zealand</p>
                                            </li>
                                            <li class="inv-mega-contact">
                                                <div class="post-small-icon icon12"></div>
                                                <p class="biller-post">Private Bag 92 533, Wellesley St, Auckland 1141, New
                                                    Zealand</p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="inv-title-container">
                                        <div class="inv-right">
                                            <div class="inv-title">[$19297]</div>
                                            <ul class=" ">
                                                <li>
                                                    <span>[$19298]</span>
                                                    <span id="rece-date">13 Nov 2017 </span>
                                                </li>
                                                <li>
                                                    <span>[$19299]</span>
                                                    <span id="rece-number">NwC-AOyfAxo </span>
                                                </li>
                                                <li>
                                                    <span class="inv-vat-label">[$19295]:</span>
                                                    <span class="invoice-vat">110-633-521</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="inv-border"></div>
                                    <div class="inv-add-container">
                                        <p class="inv-subtitle">[$19296]:</p>
                                        <ul>
                                            <li class="inv-company-name billed-name">AAA LTD.</li>
                                            <li class="inv-per-name billed-attn hidden">ATTN: Khaled Captain</li>
                                            <li class="billed-email">money@mega.io</li>
                                            <li class="billed-address">120 Albert St, Auckland 1010, 120 Albert St, Auckland
                                                1010 </li>
                                            <li class="billed-country">New Zealand</li>
                                            <li class="billed-vat">VAT: 9429030423626 </li>
                                        </ul>
                                    </div>
                                    <div class="inv-payment-table">
                                        <ul>
                                            <li class="inv-li-table-header">
                                                <div class="inv-payment-header">[$17023]</div>
                                                <div class="inv-payment-header">[$16462]</div>
                                                <div class="inv-payment-header">[$16463]</div>
                                            </li>
                                            <li class="inv-li-content">
                                                <div class="inv-payment-item inv-pay-date">1/8/2018</div>
                                                <div class="inv-payment-item inv-pay-desc">Business account for X
                                                    user<br>(1/7/2018 - 31/7/2018)</div>
                                                <div class="inv-payment-item inv-pay-amou">&euro;4.34</div>
                                            </li>
                                            <li class="inv-payment-price inv-li-gst">
                                                <div class="inv-payment-price-deactive-users hidden">[$deactivated_charging]
                                                </div>
                                                <div class="inv-payment-price-detail inv-gst-perc">[$19301]</div>
                                                <div class="inv-payment-price-detail inv-gst-val">&euro;4.34</div>

                                            </li>
                                            <li class="inv-payment-price inv-li-total">
                                                <div class="inv-payment-price-detail">[$19300]</div>
                                                <div class="inv-payment-price-detail inv-total-val">&euro;40000000.34</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- End of USERS managment right block -->

            <div class="shared-grid-view hidden">
                <div class="grid-scrolling-table">
                    <div class="grid-wrapper">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0"
                            class="grid-table shared-with-me table-hover">
                            <thead>
                                <tr>
                                    <th>
                                        <i class="sprite-fm-mono icon-check sprite-fm-mono-after icon-minimise-after select-all-checkbox"></i>
                                    </th>
                                    <th class="full-width-col" data-minwidth="250" megatype="fname">
                                        <div class="arrow name desc sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="98" data-minwidth="98">
                                        <div class="arrow label sprite-fm-mono icon-arrow-left-thin-solid">[$17398]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="258" data-minwidth="180">
                                        <div class="arrow owner sprite-fm-mono icon-arrow-left-thin-solid">[$5905]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="118" data-minwidth="75" class="size-col">
                                        <div class="arrow size sprite-fm-mono icon-arrow-left-thin-solid">[$87]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="218" data-minwidth="165">
                                        <div class="arrow access sprite-fm-mono icon-arrow-left-thin-solid">[$5906]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th class="grid-url-header-nw" width="60"></th>
                                    <th class="grid-empty-spacer"></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="shared-blocks-view hidden">
                <div class="shared-blocks-scrolling">
                </div>
                <div class="blocks-view-data"></div>
            </div>
            <div class="out-shared-grid-view hidden">
                <div class="grid-scrolling-table">
                    <div class="grid-wrapper">
                        <table width="50%" border="0" cellspacing="0" cellpadding="0" class="grid-table out-shares table-hover">
                            <thead>
                                <tr>
                                    <th>
                                        <i class="sprite-fm-mono icon-check sprite-fm-mono-after icon-minimise-after select-all-checkbox"></i>
                                    </th>
                                    <th class="full-width-col" data-minwidth="250" megatype="fname">
                                        <div class="arrow name desc sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="45" class="grid-first-th">
                                        <span class="grid-header-star fav">
                                            <i class="grid-status-icon sprite-fm-mono icon-heart-thin-solid simpletip"></i>
                                        </span>
                                    </th>
                                    <th width="98" data-minwidth="98">
                                        <div class="arrow label sprite-fm-mono icon-arrow-left-thin-solid">[$17398]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="258" data-minwidth="180">
                                        <div class="arrow sharedwith sprite-fm-mono icon-arrow-left-thin-solid">[$1036]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="118" data-minwidth="75" class="size-col">
                                        <div class="arrow size sprite-fm-mono icon-arrow-left-thin-solid">[$87]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th width="218" data-minwidth="165">
                                        <div class="arrow date sprite-fm-mono icon-arrow-left-thin-solid">[$20670]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th class="grid-url-header-nw" width="60"></th>
                                    <th class="grid-empty-spacer"></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="out-shared-blocks-view hidden">
                <div class="out-shared-blocks-scrolling">
                </div>
                <div class="blocks-view-data"></div>
            </div>
            <div class="gallery-view hidden" id="gallery-view">
                <div class="gallery-view-scrolling"></div>

                <div class="gallery-view-zoom-control">
                    <button class="btn-icon zoom-out simpletip" aria-label="" data-simpletip="[$24927]">
                        <i class="sprite-fm-mono icon-minimise"></i>
                    </button>
                    <button class="btn-icon zoom-in simpletip" aria-label="" data-simpletip="[$24928]">
                        <i class="sprite-fm-mono icon-add"></i>
                    </button>
                </div>

                <!-- Templates for Gallery list -->
                <div class="content-row template" id="gallery-cr-template">
                    <div class="content-block"></div>
                </div>
                <!-- END Templates for Gallery list -->
            </div>
			<div id="albums-view" class="flex flex-column hidden"></div>

            <!-- Device centre view -->
            <div class="device-centre-grid-view hidden">
                <div class="devices grid-scrolling-table hidden">
                    <div class="grid-wrapper">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="grid-table device-centre table-hover">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th megatype="fname" class="full-width-col" data-minwidth="250">
                                        <div class="arrow name desc sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="numFolders" width="258" data-minwidth="180">
                                        <div class="arrow numFolders sprite-fm-mono icon-arrow-left-thin-solid">[$device_centre_contain]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="size" width="118" data-minwidth="75">
                                        <div class="arrow size sprite-fm-mono icon-arrow-left-thin-solid">[$87]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th class="grid-url-header-nw" width="60"></th>
                                    <th class="grid-empty-spacer"></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
                <div class="folders grid-scrolling-table hidden">
                    <div class="grid-wrapper">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="grid-table device-centre table-hover">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th megatype="fname" class="full-width-col" data-minwidth="250">
                                        <div class="arrow name desc sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="label" width="98" data-minwidth="98">
                                        <div class="arrow label sprite-fm-mono icon-arrow-left-thin-solid">[$17398]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="type" width="258" data-minwidth="180">
                                        <div class="arrow type sprite-fm-mono icon-arrow-left-thin-solid">[$93]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="size" width="118" data-minwidth="75">
                                        <div class="arrow size sprite-fm-mono icon-arrow-left-thin-solid">[$87]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="timeAd" width="118" data-minwidth="75">
                                        <div class="arrow date sprite-fm-mono icon-arrow-left-thin-solid">[$17445]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th megatype="hbtime" width="138" data-minwidth="75">
                                        <div class="arrow hbtime sprite-fm-mono icon-arrow-left-thin-solid">[$last_updated_label]</div>
                                        <div class="grid-view-resize">&nbsp;</div>
                                    </th>
                                    <th class="grid-url-header-nw" width="93"></th>
                                    <th class="grid-empty-spacer"></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="device-centre-blocks-view hidden">
                <div class="device-centre-blocks-scrolling">
                </div>
                <div class="blocks-view-data"></div>
            </div>

            <!-- Device centre view - END-->

            <div class="s4-grid-view hidden">
                <div class="s4-keys-management-scroll sticky-header-table-container hidden">
                    <table class="s4-grid-table table-hover data-table medium-list">
                        <thead>
                            <tr>
                                <th s4sort="n" class="key-name">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th s4sort="ak" class="access-key">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_key_access_title]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th class="secret-key no-sortable">
                                    <div class="arrow sprite-fm-mono">[$s4_key_secret_title]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th s4sort="en" class="status">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$89]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="s4-policies-management-scroll sticky-header-table-container hidden">
                    <table class="s4-grid-table table-hover data-table medium-list">
                        <thead>
                            <tr>
                                <th s4sort="policyName" class="policy-name">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th s4sort="attachmentCount" class="policy-attach">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_policy_arn_assigned_num]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th s4sort="arn" class="policy-arn">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_policy_arn]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="s4-users-management-scroll sticky-header-table-container hidden">
                    <table class="s4-grid-table table-hover data-table medium-list">
                        <thead>
                            <tr>
                                <th s4sort="name" class="s4-user-name">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th class="s4-groups no-sortable">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_groups]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th class="s4-user-arn no-sortable">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_policy_arn]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="s4-groups-management-scroll sticky-header-table-container hidden">
                    <table class="s4-grid-table table-hover data-table medium-list">
                        <thead>
                            <tr>
                                <th s4sort="name" class="s4-group-name">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th class="s4-user-amount no-sortable">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$19087]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th class="s4-att-policies no-sortable">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_assigned_policies]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                                <th class="s4-group-arn no-sortable">
                                    <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$s4_policy_arn]</div>
                                    <div class="grid-view-resize">&nbsp;</div>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="s4-policies-info-content-block hidden">
                    <div class="s4-details-section basic-info">
                        <div class="basic-info-header">[$s4_policy_properties]</div>
                        <div class="basic-info-body">
                            <div class="labels-col">
                                <div class="row">[$s4_policy_name_label]</div>
                                <div class="row">[$s4_policy_arn_label]</div>
                                <div class="row">[$s4_policy_assigned_label]</div>
                            </div>
                            <div class="values-col">
                                <div class="row js-policies-name-value"></div>
                                <div class="row js-policies-arn-value">
                                    <span class="js-selectable-text"></span>
                                    <i class="sprite-fm-mono icon-copy icon24"></i>
                                </div>
                                <div class="row js-policies-att-num-value"></div>
                            </div>
                        </div>
                    </div>
                    <div class="s4-tabs-bl">
                        <button class="s4-tab-lnk s4-policy-pdoc active"
                            data-table="policy-pdoc-info">[$s4_policy_doc_label]</button>
                        <button class="s4-tab-lnk s4-policy-groups" data-table="policy-groups-info">[$s4_groups]</button>
                        <button class="s4-tab-lnk s4-policy-users" data-table="policy-users-info">[$s4_users]</button>
                    </div>
                    <div class="s4-info-section policy-pdoc-info">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_policy_doc_label]</span>
                        </div>
                        <div class="s4-policy-pdoc-management-scroll policy-doc-container">
                            <textarea class="policy-doc" readonly></textarea>
                            <div class="policy-doc-footer">
                                <div class="foot-left-gutter"></div>
                                <div class="foot-button">
                                    <button class="btn-icon copy-policy-doc"><i
                                            class="sprite-fm-mono icon-copy icon24"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="s4-info-section policy-groups-info hidden">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_groups]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-s4-new-groups">
                                    <i class="sprite-fm-mono icon-accounts icon24"></i>
                                    <span>[$s4_add_groups]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-policy-groups-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="name" class="s4-group-name">
                                            <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="s4-info-section policy-users-info hidden">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_users]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-s4-new-users">
                                    <i class="sprite-fm-mono icon-contact icon24"></i>
                                    <span>[$s4_add_users]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-policy-users-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="name" class="s4-user-name">
                                            <div class="arrow sprite-fm-mono icon-arrow-left-thin-solid">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="s4-users-info-content-block hidden">
                    <div class="s4-details-section basic-info">
                        <div class="basic-info-header">[$s4_user_properties]</div>
                        <div class="basic-info-body">
                            <div class="labels-col">
                                <div class="row">[$s4_user_name_label]</div>
                                <div class="row">[$s4_user_arn_label]</div>
                            </div>
                            <div class="values-col">
                                <div class="row js-user-name-value"></div>
                                <div class="row js-user-arn-value">
                                    <span class="js-selectable-text"></span>
                                    <i class="sprite-fm-mono icon-copy icon24"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="s4-tabs-bl">
                        <button class="s4-tab-lnk s4-user-keys active" data-table="user-keys-info">[$s4_keys]</button>
                        <button class="s4-tab-lnk s4-user-groups" data-table="user-groups-info">[$s4_groups]</button>
                        <button class="s4-tab-lnk s4-user-policies" data-table="user-policies-info">[$s4_policies]</button>
                        <div class="clear"></div>
                    </div>
                    <div class="s4-info-section user-keys-info">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_keys]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-s4-new-keys">
                                    <i class="sprite-fm-mono icon-add-circle icon-green icon24"></i>
                                    <span>[$s4_key_create]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-user-keys-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table table-hover data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="n" class="key-name">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th s4sort="ak" class="access-key">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$s4_key_access_title]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="secret-key no-sortable">
                                            <div class="arrow sprite-fm-mono">[$s4_key_secret_title]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th s4sort="en" class="status">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$89]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="s4-info-section user-groups-info hidden">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_groups]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-s4-new-groups">
                                    <i class="sprite-fm-mono icon-accounts icon24"></i>
                                    <span>[$s4_user_add_to_group]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-user-groups-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table table-hover data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="n" class="group-name">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="att-policies no-sortable">[$s4_assigned_policies]</th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="s4-info-section user-policies-info hidden">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_policies]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-policies">
                                    <i class="sprite-fm-mono icon-policy icon24"></i>
                                    <span>[$s4_add_policies]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-user-policies-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table table-hover data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="name" class="policy-name">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="s4-groups-info-content-block hidden">
                    <div class="s4-details-section basic-info">
                        <div class="basic-info-header">[$s4_group_properties]</div>
                        <div class="basic-info-body">
                            <div class="labels-col">
                                <div class="row">[$s4_group_name_label]</div>
                                <div class="row">[$s4_group_arn_label]</div>
                            </div>
                            <div class="values-col">
                                <div class="row js-group-name-value"></div>
                                <div class="row js-group-arn-value">
                                    <span class="js-selectable-text"></span>
                                    <i class="sprite-fm-mono icon-copy icon24"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="s4-tabs-bl">
                        <button class="s4-tab-lnk s4-group-users active" data-table="group-users-info">[$s4_users]</button>
                        <button class="s4-tab-lnk s4-group-policies" data-table="group-policies-info">[$s4_policies]</button>
                    </div>
                    <div class="s4-info-section group-users-info">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_users]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-s4-new-users">
                                    <i class="sprite-fm-mono icon-contact icon24"></i>
                                    <span>[$s4_add_users]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-group-users-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table table-hover data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="name" class="s4-user-name">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="s4-info-section group-policies-info hidden">
                        <div class="info-section-header">
                            <span class="header-txt">[$s4_policies]</span>
                            <div class="header-btn">
                                <button class="mega-button action add-policies">
                                    <i class="sprite-fm-mono icon-policy icon24"></i>
                                    <span>[$s4_add_policies]</span>
                                </button>
                            </div>
                        </div>
                        <div class="s4-group-policies-management-scroll sticky-header-table-container">
                            <table class="s4-grid-table table-hover data-table medium-list">
                                <thead>
                                    <tr>
                                        <th s4sort="name" class="policy-name">
                                            <div class="arrow sprite-fm-mono icon-dropdown">[$86]</div>
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                        <th class="actions-btn no-sortable">
                                            <div class="grid-view-resize">&nbsp;</div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="search-bottom-wrapper hidden">
                <div class="crumb-overflow-link dropdown">
                    <a class="breadcrumb-dropdown-link">
                        <i class="menu-icon sprite-fm-mono icon-options icon16"></i>
                    </a>
                    <i class="sprite-fm-mono icon-arrow-right icon16"></i>
                </div>
                <div class="fm-breadcrumbs-block"></div>
                <div class="breadcrumb-dropdown"></div>
            </div>
            <div class="commercial-wrapper hidden" id="commercial-wrapper-weblinkb"></div>
        </section>

        <section class="fm-right-block dashboard hidden">
            <div class="widgets content-block">

                <!-- for business dashboard -->
                <div class="dashboard-section business-dashboard hidden">
                    <div class="business-dashboard-container">
                        <div class="welcome-message-banner hidden">
                            <i class="sprite-fm-uni icon-sun"></i>
                            <span class="message"></span>
                        </div>
                        <div class="overall-usage-container section-container">
                            <div class="view-title">[$18076]</div>
                            <div class="data">
                                <div class="user-management-storage">
                                    <div class="img">
                                        <i class="sprite-fm-uni icon-storage-quota"></i>
                                    </div>
                                    <div class="view-info">
                                        <div class="storage-transfer-text">[$495]</div>
                                        <div class="storage-transfer-current hidden"></div>
                                        <div class="storage-transfer-data-details">
                                            <div class="storage-transfer-data-details-base">
                                                <div class="storage-transfer-data-base-head hidden">[$base_quota]</div>
                                                <div class="storage-transfer-data">0 B</div>
                                            </div>
                                            <div class="storage-transfer-data-details-ext hidden">
                                                <div class="storage-transfer-data-base-ext">[$bsn_curr_addl]</div>
                                                <div class="storage-transfer-data">0 B</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="user-management-transfer">
                                    <div class="img">
                                        <i class="sprite-fm-uni icon-transfer-quota"></i>
                                    </div>
                                    <div class="view-info">
                                        <div class="storage-transfer-text">[$18057]</div>
                                        <div class="storage-transfer-current hidden"></div>
                                        <div class="storage-transfer-data-details">
                                            <div class="storage-transfer-data-details-base">
                                                <div class="storage-transfer-data-base-head hidden">[$base_quota]</div>
                                                <div class="storage-transfer-data">0 B</div>
                                            </div>
                                            <div class="storage-transfer-data-details-ext hidden">
                                                <div class="storage-transfer-data-base-ext">[$bsn_curr_addl_trf]</div>
                                                <div class="storage-transfer-data">0 B</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="overall-next-bill-wrapper custom-alpha">
                                <div class="overall-next-bill-container">
                                    <div class="title">[$bsn_nb]</div>
                                    <div class="next-bill-value local">
                                        <span class="value">0.00</span>
                                        <span class="currency">NZD</span>
                                    </div>
                                    <span class="asterisk">*</span>
                                    <div class="next-bill-value euro">&euro;0.00</div>
                                    <div class="next-bill-message">
                                        <div class="first-message">
                                            <span>[$bsn_nb_msg]</span>
                                        </div>
                                        <div class="second-message no-tax">
                                            <span>[$18770]</span>
                                        </div>
                                        <div class="second-message inc-tax hidden">
                                            <span>[$est_price_tma]</span>
                                        </div>
                                    </div>
                                    <button class="mega-button large invoices-button js-dashboard-invoices-button hidden">
                                        <span>[$19282]</span>
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="data-analysis-container section-container hidden">
                            <div class="tabs-container">
                                <button class="tab active" data-value="storage">
                                    <span>[$bsn_stge_anal]</span>
                                </button>
                                <button class="tab" data-value="transfer">
                                    <span>[$19224]</span>
                                </button>
                            </div>
                            <div class="analysis-container storage">
                                <div class="analysis-summary-container lb-nb-info">
                                    <div class="usage last">
                                        <span class="label">[$bsn_lbstge] </span><span class="usage-value"></span>
                                    </div>
                                    <div class="usage next">
                                        <span class="label">[$bsn_nbstge]* </span><span class="usage-value"></span>
                                    </div>
                                    <div class="next-bill-ratio down hidden">
                                        <div class="diff-value">
                                            <i class="sprite-fm-mono icon-arrow-down-thin-outline"></i><span class="ratio-value"></span>
                                        </div>
                                        <div class="diff-perc">
                                            <span>[$bsn_last_renew_diff_ratio]</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="analysis-body daily-storage-container">
                                    <div class="legend-buttons"></div>
                                    <div class="chart-month-container">
                                        <div class="daily-title">[$bsn_dly_stge]**</div>
                                        <div class="mega-input dropdown-input text-style inline chart-month-selector storage">
                                            <div class="mega-input-title"></div>
                                            <span>[$996]</span>
                                            <i class="sprite-fm-mono icon-dropdown"></i>
                                            <div class="mega-input-dropdown hidden">
                                                <div class="dropdown-scroll"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="chart-container" id="stge-bar-chart-container">
                                            <canvas id="stge-bar-chart" class="daily-storage-flow-container"></canvas>
                                        </div>
                                        <div class="chart-info">
                                            <div class="info-wrap">
                                                <div class="legend-body"></div>
                                                <span class="units" id="stge-bar-chart-unit"></span>
                                            </div>
                                            <div>[$20936]</div>
                                        </div>
                                    </div>
                                    <div class="analysis-remarks-container">
                                        <div class="forecast-remarks">* <span>[$bsn_stge_fcst_msg]</span></div>
                                        <div class="daily-value-remarks">** <span>[$bsn_stge_calc_msg]</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="analysis-container transfer">
                                <div class="analysis-summary-container lb-nb-info">
                                    <div class="usage last">
                                        <span class="label">[$bsn_lbtrf] </span><span class="usage-value"></span>
                                    </div>
                                    <div class="usage next">
                                        <span class="label">[$bsn_nbtrf]* </span><span class="usage-value"></span>
                                    </div>
                                    <div class="next-bill-ratio up hidden">
                                        <div class="diff-value">
                                            <i class="sprite-fm-mono icon-arrow-up-thin-outline"></i><span class="ratio-value"></span>
                                        </div>
                                        <div class="diff-perc">
                                            <span>[$bsn_last_renew_diff_ratio]</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="analysis-body daily-transfer-container">
                                    <div class="legend-buttons"></div>
                                    <div class="chart-month-container">
                                        <div class="daily-title">[$19226]**</div>
                                        <div class="mega-input dropdown-input text-style inline chart-month-selector transfer">
                                            <div class="mega-input-title"></div>
                                            <span>[$996]</span>
                                            <i class="sprite-fm-mono icon-dropdown"></i>
                                            <div class="mega-input-dropdown hidden">
                                                <div class="dropdown-scroll"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="chart-container" id="trf-bar-chart-container">
                                            <canvas id="trf-bar-chart" class="daily-transfer-flow-container"></canvas>
                                        </div>
                                        <div class="chart-info">
                                            <div class="info-wrap">
                                                <div class="legend-body"></div>
                                                <span class="units" id="trf-bar-chart-unit"></span>
                                            </div>
                                            <div>[$20936]</div>
                                        </div>
                                    </div>
                                    <div class="analysis-remarks-container">
                                        <div class="forecast-remarks">* <span>[$bsn_trf_fcst_msg]</span></div>
                                        <div class="daily-value-remarks">** <span>[$bsn_trf_calc_msg]</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="storage-analysis-pie-container section-container hidden">
                            <div class="view-title">[$19222]</div>
                            <div class="storage-summary">
                                <span class="total-storage-title">[$bsn_curr_stge_usage]:</span>
                                <span class="total-storage-number"> </span>
                            </div>

                            <div class="storage-big-chart-wrapper">
                                <div class="storage-pie-chart-container">
                                    <div id="pie-chart-content">
                                        <canvas id="usage-pie-chart" class="storage-big-chart"></canvas>
                                    </div>
                                </div>
                                <div class="storage-pie-data-container">
                                    <div class="storage-division-container cloud-node">
                                        <div class="storage-division-per cloud-drive-color"> </div>
                                        <div class="storage-division-name">[$164]</div>
                                        <div class="storage-division-num"> </div>
                                    </div>
                                    <div class="storage-division-container s4-node hidden">
                                        <div class="storage-division-per s4-color"> </div>
                                        <div class="storage-division-name">[$s4_object_storage]</div>
                                        <div class="storage-division-num"> </div>
                                    </div>
                                    <div class="storage-division-container inbox-node">
                                        <div class="storage-division-per inbox-color"> </div>
                                        <div class="storage-division-name">[$19187]</div>
                                        <div class="storage-division-num"> </div>
                                    </div>
                                    <div class="storage-division-container inshare-node">
                                        <div class="storage-division-per incoming-color">11%</div>
                                        <div class="storage-division-name">[$16770]</div>
                                        <div class="storage-division-num">356 GB</div>
                                    </div>
                                    <div class="storage-division-container backups-node js-backups-el">
                                        <div class="storage-division-per backups-color"> </div>
                                        <div class="storage-division-name">[$restricted_folder_button]</div>
                                        <div class="storage-division-num"> </div>
                                    </div>
                                    <div class="storage-division-container rubbish-node">
                                        <div class="storage-division-per rubbish-color"> </div>
                                        <div class="storage-division-name">[$167]</div>
                                        <div class="storage-division-num"> </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="data-container section-container">
                            <div class="subaccount-view-used-data">
                                <div class="view-title">
                                    <span>[$16130]</span>
                                    <!-- <button class="mega-button upload-file">
                                                                <div>
                                                                    <i class="sprite-fm-mono icon-upload icon-blue"></i>
                                                                </div>
                                                                <span>
                                                                    [$372]
                                                                </span>
                                                            </button> -->
                                </div>
                                <table class="account data-table data">
                                    <tr class="account data-item used-storage-info ba-root">
                                        <td>
                                            <i class="sprite-fm-mono icon-cloud"></i>
                                            <span>[$164]</span>
                                        </td>
                                        <td>
                                            <div class="folder-number"> </div>,
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                    <tr class="account data-item used-storage-info ba-s4 hidden">
                                        <td>
                                            <i class="sprite-fm-mono icon-bucket-outline"></i>
                                            <span class="object-storage pointer-c">[$s4_object_storage]</span>
                                        </td>
                                        <td>
                                            <div class="folder-number"> </div>
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                    <tr class="account data-item used-storage-info ba-inshare">
                                        <td>
                                            <i class="sprite-fm-mono icon-share-incoming"></i>
                                            <span>[$16770]</span>
                                        </td>
                                        <td>
                                            <div class="folder-number"> </div>,
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                    <tr class="account data-item used-storage-info ba-outshare">
                                        <td>
                                            <i class="sprite-fm-mono icon-share-outgoing"></i>
                                            <span>[$5543]</span>
                                        </td>
                                        <td>
                                            <div class="folder-number"> </div>,
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                    <tr class="account data-item used-storage-info ba-rubbish">
                                        <td>
                                            <i class="sprite-fm-mono icon-bin"></i>
                                            <span>[$167]</span>
                                        </td>
                                        <td>
                                            <div class="folder-number"> </div>,
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                    <tr class="account data-item used-storage-info ba-pub-links">
                                        <td>
                                            <i class="sprite-fm-mono icon-link"></i>
                                            <span class="links-s pointer-c">[$16516]</span>
                                        </td>
                                        <td>
                                            <div class="folder-number"> </div>,
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                    <tr class="account data-item used-storage-info ba-version">
                                        <td>
                                            <i class="sprite-fm-mono icon-versions-previous"></i>
                                            <span>[$17821]</span>
                                            <i class="sprite-fm-mono icon-settings versioning-settings"
                                                aria-label="[$17580]"></i>
                                        </td>
                                        <td>
                                            <div class="file-number"> </div>
                                        </td>
                                        <td class="ff-occupy"> </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="dashboard-section non-business-dashboard">
                    <div class="welcome-message-banner hidden">
                        <i class="sprite-fm-uni icon-sun"></i>
                        <span class="message"></span>
                    </div>
                    <div class="settings-banner quota-banner">
                        <div class="settings-banner-cell">
                            <div class="fm-account-blocks storage">
                                <div class="account chart-block tiny-chart">
                                    <div class="account chart body">
                                        <div class="account chart progressbars">
                                            <div class="chart0 main-chart right-chart low-percent-clip"><span></span></div>
                                            <div class="chart0 main-chart left-chart low-percent-clip"><span></span></div>
                                        </div>
                                        <div class="perc-txt"></div>
                                    </div>
                                    <div class="account chart data hidden">
                                        <div class="fm-account-header"><span>[$16119]</span></div>
                                        <span class="size-txt">2.93 GB</span>
                                        <span class="of-txt">/</span>
                                        <span class="pecents-txt">15 GB</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="settings-banner-cell">
                            <div class="fm-account-blocks bandwidth">
                                <div class="account chart-block tiny-chart">
                                    <div class="account chart body">
                                        <div class="account chart progressbars">
                                            <div class="chart0 main-chart right-chart low-percent-clip"><span></span></div>
                                            <div class="chart0 main-chart left-chart low-percent-clip"><span></span></div>
                                        </div>
                                        <div class="perc-txt"></div>
                                    </div>
                                    <div class="account chart data hidden">
                                        <div class="fm-account-header"><span>[$16120]</span></div>
                                        <span class="size-txt">2.93 GB</span>
                                        <span class="of-txt">/</span>
                                        <span class="pecents-txt">15 GB</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="settings-banner-cell">
                            <button class="mega-button large positive upgrade-to-pro">
                                <span>[$5549]</span>
                            </button>
                        </div>
                    </div>
                    <div class="account widget body storage">
                        <div class="account widget content">
                            <div class="account widget title">
                                [$16121]
                            </div>
                            <div class="account progress-list medium">
                                <div class="account item-wrapper">
                                    <div class="account pr-item cloud-drive">
                                        <div class="account progress-perc pr0"></div>
                                        <div class="account progress-size small cloud-drive">
                                            0 MB
                                        </div>
                                        <div class="account progress-title">
                                            <i class="sprite-fm-mono icon-selector"></i>
                                            <span>[$164]</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="account item-wrapper account-item-wrapper-backups js-backups-el">
                                    <div class="account pr-item backups">
                                        <div class="account progress-perc pr2"></div>
                                        <div class="account progress-size small backups">
                                            0 MB
                                        </div>
                                        <div class="account progress-title">
                                            <i class="sprite-fm-mono icon-selector"></i>
                                            <span>[$restricted_folder_button]</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="account item-wrapper account-item-wrapper-versions">
                                    <div class="account pr-item versions">
                                        <div class="account progress-perc pr3"></div>
                                        <div class="account progress-size small versions">
                                            0 MB
                                        </div>
                                        <div class="account progress-title">
                                            <i class="sprite-fm-mono icon-selector"></i>
                                            <span>[$17150]</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="account item-wrapper">
                                    <div class="account pr-item rubbish-bin">
                                        <div class="account progress-perc pr1"></div>
                                        <div class="account progress-size small rubbish-bin">
                                            0 MB
                                        </div>
                                        <div class="account progress-title">
                                            <i class="sprite-fm-mono icon-selector"></i>
                                            <span>[$168]</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="account item-wrapper">
                                    <div class="account pr-item available">
                                        <div class="account progress-perc pr4"></div>
                                        <div class="account progress-size small available">
                                            0 MB
                                        </div>
                                        <div class="account progress-title">
                                            <i class="sprite-fm-mono icon-selector"></i>
                                            <span>[$1352]</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="account progress-bar">
                                <div class="progress-bar-container">
                                    <div class="account progress-bar-section pr0 simpletip" data-simpletip="[$164]"></div>
                                    <div class="account progress-bar-section pr2 simpletip"
                                        data-simpletip="[$restricted_folder_button]"></div>
                                    <div class="account progress-bar-section pr3 simpletip" data-simpletip="[$17150]"></div>
                                    <div class="account progress-bar-section pr1 simpletip" data-simpletip="[$168]"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="account quota-alert-banner hidden"></div>

                    <div class="account widget body s4-egress hidden">
                        <div class="account widget content">
                            <div class="account widget title">
                                <span>[$s4_ergess_analytics]</span>
                            </div>
                            <div class="analysis-container">
                                <div class="analysis-summary-container lg-size">
                                    <div class="usage last">
                                        <span class="label"></span>
                                    </div>
                                    <a href="https://help.mega.io/megas4/s4-clouddrive/transfer-quota-egress-traffic" class="link l-more">[$s4_more_about_egress]</a>
                                </div>
                                <div class="analysis-body">
                                    <div class="chart-month-container">
                                        <div class="daily-title">[$s4_dailty_ergess_vol]</div>
                                        <div class="mega-input dropdown-input text-style inline chart-month-selector">
                                            <div class="mega-input-title"></div>
                                            <span>[$996]</span>
                                            <i class="sprite-fm-mono icon-dropdown"></i>
                                            <div class="mega-input-dropdown hidden">
                                                <div class="dropdown-scroll"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="chart-container">
                                            <canvas class="daily-transfer-chart"></canvas>
                                        </div>
                                    </div>
                                    <div class="analysis-remarks-container">
                                        [$20936]
                                    </div>
                                    <div class="analysis-remarks-container">
                                        [$s4_pro_egress_info]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="account responsive-widget-block">
                        <div class="account widget body achievements">
                            <div class="account widget content">
                                <div class="account widget title">
                                    <i class="sprite-fm-uni icon-achievements"></i>
                                    <span>[$16402]</span>
                                    <button class="mega-button more-bonuses">
                                        <span>[$16309]</span>
                                    </button>
                                </div>
                                <div class="account widget text">
                                    [$16308]
                                </div>
                                <div class="account bonuses-blocks">
                                    <div class="account bonuses-block">
                                        <div class="account bonuses-icon storage">
                                            <i class="sprite-fm-uni icon-storage-quota"></i>
                                        </div>
                                        <div class="account bonuses-info">
                                            <div class="account bonuses-title">[$16127]</div>
                                            <div class="account bonuses-size storage">0 B</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="account widget body">
                        <div class="account widget content">
                            <div class="account widget title">
                                <span>[$16130]</span>
                                <!-- <button class="mega-button upload-file">
                                                            <div>
                                                                <i class="sprite-fm-mono icon-upload icon-blue"></i>
                                                            </div>
                                                            <span>
                                                                [$372]
                                                            </span>
                                                        </button> -->
                            </div>

                            <table class="account data-table data">
                                <tr class="account data-item">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-file"></i>
                                        <span>[$16131]</span>
                                    </td>
                                    <td class="account">
                                        0 files
                                    </td>
                                    <td class="account right-textalign">
                                        0 MB
                                    </td>
                                </tr>
                                <tr class="account data-item">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-folder"></i>
                                        <span>[$16132]</span>
                                    </td>
                                    <td class="account">
                                        0 folders
                                    </td>
                                    <td class="account right-textalign">
                                        0 MB
                                    </td>
                                </tr>
                                <tr class="account data-item s4 dynamic hidden">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-bucket-outline"></i>
                                        <span class="s4-dashboard pointer-c">[$obj_storage]</span>
                                    </td>
                                    <td class="account"></td>
                                    <td class="account right-textalign value">
                                        0 MB
                                    </td>
                                </tr>
                                <tr class="account data-item">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-bin"></i>
                                        <span class="rubbish-bin-dashboard pointer-c">[$168]</span>
                                    </td>
                                    <td class="account">
                                        0 files
                                    </td>
                                    <td class="account right-textalign">
                                        0 MB
                                    </td>
                                </tr>
                                <tr class="account data-item">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-share-incoming"></i>
                                        <span class="incoming pointer-c">[$5542]</span>
                                    </td>
                                    <td class="account">
                                        0 folders
                                    </td>
                                    <td class="account right-textalign">
                                        0 MB
                                    </td>
                                </tr>
                                <tr class="account data-item">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-share-outgoing"></i>
                                        <span class="outgoing pointer-c">[$5543]</span>
                                    </td>
                                    <td class="account">
                                        0 folders
                                    </td>
                                    <td class="account right-textalign">
                                        0 MB
                                    </td>
                                </tr>
                                <tr class="account data-item">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-link"></i>
                                        <span class="links-s pointer-c">[$16516]</span>
                                    </td>
                                    <td class="account">
                                        0 files
                                    </td>
                                    <td class="account right-textalign">
                                        -
                                    </td>
                                </tr>
                                <tr class="account data-item account-data-item-versions">
                                    <td class="account">
                                        <i class="sprite-fm-mono icon-versions-previous"></i>
                                        <span>[$16474]</span>
                                        <i class="sprite-fm-mono icon-settings versioning-settings" title="[$17580]"
                                            alt="[$17580]"></i>
                                    </td>
                                    <td class="account">
                                        0 files
                                    </td>
                                    <td class="account right-textalign">
                                        -
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="fm-recents container hidden">
            <div class="fm-recents header">[$20141]</div>
            <div class="flex flex-row items-center pr-4">
                <div class="fm-recents fm-filter-chips flex flex-row gap-2 px-7 py-2 flex-1"></div>
            </div>
            <div class="fm-recents header-row grid gap-2 font-body-2 ml-1">
                <div></div>
                <div>[$86]</div>
                <div></div>
                <div>[$8020]</div>
                <div>[$file_location_label]</div>
                <div></div>
            </div>
            <div class="fm-recents scroll"></div>
            <!--<div class="fm-recents content"></div>-->
            <!-- Templates for recents list -->
            <div class="fm-recents date title-template text-color-medium template"></div>
            <div class="fm-recents content-row single content-row-template template">
                <div class="content grid items-center gap-2">
                    <div class="expand-collapse-toggle flex flex-row-reverse">
                        <i class="sprite-fm-mono icon-chevron-right-thin-outline"></i>
                    </div>
                    <div class="file-icon item-type-icon-90 overflow-hidden border-radius-1 relative"></div>
                    <div class="fm-recents file-info text-ellipsis">
                        <div class="fm-recents file-name"></div>
                    </div>
                    <div class="fm-recents file-action text-ellipsis text-color-medium"></div>
                    <div class="fm-recents file-location text-ellipsis">
                        <a class="simpletip underline text-color-primary-link"
                            data-simpletip-class="recents-file-path"></a>
                    </div>
                    <a class="sprite-fm-mono icon-more-vertical-thin-outline p-1 context-menu-button"></a>
                </div>
            </div>
            <!-- END Templates for recents list -->
        </section>

        <section class="fm-transfers-block hidden">
            <div class="fm-transfers-header">
                <div class="transfer-panel-title">
                    <div class="transfer-progress-type upload hidden">
                        <div class="status-indicator">
                            <div class="progress-chart">
                                <div class="transfer-progress charts">
                                    <div class="right-chart low-percent-clip">
                                        <span></span>
                                    </div>
                                    <div class="left-chart low-percent-clip">
                                        <span></span>
                                    </div>
                                </div>
                                <i class="sprite-fm-mono icon-up"></i>
                            </div>
                        </div>
                        <div class="transfer-progress-txt">[$20808]</div>
                    </div>
                    <div class="transfer-progress-type download hidden">
                        <div class="status-indicator">
                            <div class="progress-chart">
                                <div class="transfer-progress charts">
                                    <div class="right-chart low-percent-clip">
                                        <span></span>
                                    </div>
                                    <div class="left-chart low-percent-clip">
                                        <span></span>
                                    </div>
                                </div>
                                <i class="sprite-fm-mono icon-down"></i>
                            </div>
                        </div>
                        <div class="transfer-progress-txt">[$20808]</div>
                    </div>
                </div>
                <div class="transfer-panel-actions">
                    <button class="mega-button action transfer-clear-all-icon right disabled">
                        <div>
                            <i class="sprite-fm-mono icon-close-component"></i>
                        </div>
                        <span class="red">[$6991]</span>
                    </button>
                    <button class="mega-button action transfer-clear-completed right disabled">
                        <div>
                            <i class="sprite-fm-mono icon-clear-transfer"></i>
                        </div>
                        <span>[$clear_completed_transfers]</span>
                    </button>
                    <button class="mega-button action transfer-pause-icon right disabled">
                        <div>
                            <i class="sprite-fm-mono icon-pause"></i>
                        </div>
                        <span>[$6993]</span>
                    </button>
                </div>
                <div class="clear"></div>
            </div>
            <div class="transfer-table-wrapper">
                <div class="fm-empty-section transfer-panel-empty-txt">
                    <div class="fm-empty-pad">
                        <i class="section-icon sprite-fm-mono icon-transfer-filled"></i>
                        <div class="fm-empty-cloud-txt">[$6089]</div>
                    </div>
                </div>
                <div class="transfer-scrolling-table">
                    <div class="grid-wrapper">
                        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"
                            class="transfer-table table-hover">
                            <thead>
                                <tr>
                                    <th width="60"></th>
                                    <th>[$86]</th>
                                    <th width="192">[$93]</th>
                                    <th width="96">[$87]</th>
                                    <th width="96">[$19134]</th>
                                    <th width="192">[$12441]</th>
                                    <th width="192">[$89]</th>
                                    <th width="69" class="grid-url-header"></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>

        <!-- check if there is any other place using account qr-block -->
        <section class="fm-right-account-block hidden">
            <div class="fm-account-main selectable-txt">
                <div class="account settings-banner add-phone-num-banner hidden">
                    <div class="settings-banner-cell first-block">
                        <div class="account verify-icon">
                            <i class="sprite-fm-illustration img-dialog-sms-verification"></i>
                        </div>
                    </div>
                    <div class="settings-banner-cell second-block">
                        <div class="account add-phone-content">
                            <div class="account title-txt">[$20211]</div>
                            <div class="account content-txt add-phone-text">[$20210]</div>
                            <div class="account notagain hidden">
                                <div class="checkdiv checkboxOff">
                                    <input type="checkbox" class="checkinput checkboxOff">
                                </div>
                                <label class="radio-txt">[$229]</label>
                            </div>
                        </div>
                    </div>
                    <div class="settings-banner-cell last-block">
                        <div class="account add-phone-sub-container">
                            <button class="mega-button positive add-phone-button js-add-phone-button">
                                <span>[$20222]</span>
                            </button>
                            <button class="mega-button action small account skip-button hidden">
                                <span>[$148]</span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="settings-banner quota-banner hidden">
                    <div class="settings-banner-cell">
                        <div class="fm-account-blocks storage">
                            <div class="account chart-block tiny-chart">
                                <div class="account chart body">
                                    <div class="account chart progressbars">
                                        <div class="chart0 main-chart right-chart low-percent-clip"><span></span></div>
                                        <div class="chart0 main-chart left-chart low-percent-clip"><span></span></div>
                                    </div>
                                    <div class="perc-txt"></div>
                                </div>
                                <div class="account chart data hidden">
                                    <div class="fm-account-header"><span>[$16119]</span></div>
                                    <span class="size-txt">2.93 GB</span>
                                    <span class="of-txt">/</span>
                                    <span class="pecents-txt">15 GB</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="settings-banner-cell">
                        <div class="fm-account-blocks bandwidth">
                            <div class="account chart-block tiny-chart">
                                <div class="account chart body">
                                    <div class="account chart progressbars">
                                        <div class="chart0 main-chart right-chart low-percent-clip"><span></span></div>
                                        <div class="chart0 main-chart left-chart low-percent-clip"><span></span></div>
                                    </div>
                                    <div class="perc-txt"></div>
                                </div>
                                <div class="account chart data hidden">
                                    <div class="fm-account-header"><span>[$16120]</span></div>
                                    <span class="size-txt">2.93 GB</span>
                                    <span class="of-txt">/</span>
                                    <span class="pecents-txt">15 GB</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="settings-banner-cell">
                        <button class="mega-button large positive upgrade-to-pro">
                            <span>[$5549]</span>
                        </button>
                    </div>
                </div>
                <div class="fm-account-profile fm-account-sections">
                    <div class="account data-block profile-form">
                        <div class="settings-left-block">
                            <div class="title-txt">[$984]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section avatar border">
                                <div class="subtitle-txt">[$20164]</div>
                                <div class="fm-account-avatar">
                                    <div class="avatar-wrapper semi-small-rounded-avatar">
                                        <img alt="" />
                                    </div>
                                </div>
                                <button class="mega-button avatar">
                                    <span>[$993]</span>
                                </button>
                            </div>
                            <div class="settings-sub-section profile">
                                <form autocomplete="disabled">
                                    <input type="text" class="underlinedText required" value="" title="[$1096]"
                                        name="account-firstname" id="account-firstname" maxlength="40" />
                                    <input type="text" class="underlinedText required" value="" title="[$1097]"
                                        name="account-lastname" id="account-lastname" maxlength="40" />

                                    <div class="mega-input title-ontop birth ymd hidden">
                                        <div class="mega-input-title">[$995]</div>
                                        <input class="short-input byear" type="text" maxlength="4" placeholder="[$17697]"
                                            min="1900" data-title="Birth year">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <input class="short-input bmonth" type="text" maxlength="2" placeholder="[$17698]"
                                            min="1" max="12" data-title="Birth month">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <input class="short-input bdate" type="text" maxlength="2" placeholder="[$17699]"
                                            min="1" max="31" data-title="Birth date">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <div class="message-container mega-banner"></div>
                                    </div>
                                    <div class="mega-input title-ontop birth dmy hidden">
                                        <div class="mega-input-title">[$995]</div>
                                        <input class="short-input bdate" type="text" maxlength="2" placeholder="[$17699]"
                                            min="1" max="31" data-title="Birth date">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <input class="short-input bmonth" type="text" maxlength="2" placeholder="[$17698]"
                                            min="1" max="12" data-title="Birth month">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <input class="short-input byear" type="text" maxlength="4" placeholder="[$17697]"
                                            min="1900" data-title="Birth year">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <div class="message-container mega-banner"></div>
                                    </div>
                                    <div class="mega-input title-ontop birth mdy hidden">
                                        <div class="mega-input-title">[$995]</div>
                                        <input class="short-input bmonth" type="text" maxlength="2" placeholder="[$17698]"
                                            min="1" max="12" data-title="Birth month">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <input class="short-input bdate" type="text" maxlength="2" placeholder="[$17699]"
                                            min="1" max="31" data-title="Birth date">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <input class="short-input byear" type="text" maxlength="4" placeholder="[$17697]"
                                            min="1900" data-title="Birth year">
                                        <div class="birth-arrow-container">
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow up-control"></i>
                                            <i class="sprite-fm-mono icon-arrow-right birth-arrow down-control"></i>
                                        </div>
                                        <div class="message-container mega-banner"></div>
                                    </div>
                                    <div class="mega-input title-ontop dropdown-input acc-setting-country-sec"
                                        id="account-country">
                                        <div class="mega-input-title">[$481]</div>
                                        <span>[$996]</span>
                                        <i class="sprite-fm-mono icon-dropdown"></i>
                                        <div class="mega-input-dropdown hidden">
                                            <div class="dropdown-scroll"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="save-block slide-in-out closed">
                                <div class="settings-sub-section sub-container justify-end slide-item">
                                    <button class="mega-button positive fm-account-save">
                                        <span>[$19631]</span>
                                    </button>
                                </div>
                            </div>
                            <div class="settings-sub-section phone-number-settings hidden">
                                <div class="subtitle-txt">[$19152]</div>
                                <button class="mega-button add-number-button">
                                    <span>[$20222]</span>
                                </button>
                                <div class="account content-txt add-phone-text">[$20411]</div>
                                <div class="green-label phone-number hidden"></div>
                            </div>
                            <div class="settings-sub-section sub-container justify-end gsm-mod-rem-btns hidden">
                                <button class="mega-button rem-gsm">
                                    <span>[$83]</span>
                                </button>
                                <button class="mega-button positive modify-gsm right">
                                    <span>[$23423]</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block qr-settings">
                        <div class="settings-left-block slide-in-out">
                            <div class="title-txt">[$17754]</div>
                            <div class="account qr-block slide-item">
                                <div class="account qr-icon">
                                    <canvas width="106" height="106"></canvas>
                                </div>
                            </div>
                            <div class="content-txt">[$17836]</div>
                        </div>
                        <div class="settings-right-block slide-in-out">
                            <div class="settings-sub-section enable-qr-container border">
                                <div class="subtitle-txt">[$19990]</div>
                                <div class="mega-switch enable-qr toggle-on">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="access-qr-container slide-item">
                                <!-- This part needs to be re-function -->
                                <div class="settings-sub-section">
                                    <div class="subtitle-txt">[$17830]</div>
                                    <div class="mega-switch auto-qr toggle-on">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                    <div class="content-txt">
                                        [$17831]
                                    </div>
                                </div>
                                <div class="settings-sub-section">
                                    <div class="subtitle-txt">[$17840]</div>
                                    <button class="mega-button reset-qr-label">
                                        <span>[$742]</span>
                                    </button>
                                    <div class="content-txt">[$17833]</div>
                                </div>
                                <div class="settings-sub-section copy-qr-link">
                                    <div class="subtitle-txt">[$19991]</div>
                                    <button class="mega-button links-button copy-to-clipboard qr-dlg-cpy-lnk">
                                        <span>[$17835]</span>
                                    </button>
                                    <div class="qr-http-link content-txt">https://mega.nz/C!CM8WjYqY</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block preferences">
                        <div class="settings-left-block">
                            <div class="title-txt">[$7026]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$24063]</div>
                                <div class="radio-buttons">
                                    <div class="label-wrap">
                                        <div class="uiTheme radioOff" id="themeauto_div">
                                            <input type="radio" id="themeauto" class="uiTheme radioOff" value="0">
                                        </div>
                                        <div class="radio-txt">[$24998]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="uiTheme radioOff" id="themelight_div">
                                            <input type="radio" id="themelight" class="uiTheme radioOff" value="1">
                                        </div>
                                        <div class="radio-txt">[$7153]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="uiTheme radioOff" id="themedark_div">
                                            <input type="radio" id="themedark" class="uiTheme radioOff" value="2">
                                        </div>
                                        <div class="radio-txt">[$24064]</div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$19927]</div>
                                <div class="radio-buttons">
                                    <div class="label-wrap align-top">
                                        <div class="uidateformat radioOn" id="rad16_div">
                                            <input type="radio" id="rad16" class="uidateformat radioOn" value="0">
                                        </div>
                                        <div class="radio-txt">[$20165]</div>
                                    </div>
                                    <div class="label-wrap align-top">
                                        <div class="uidateformat radioOff" id="rad17_div">
                                            <input type="radio" id="rad17" class="uidateformat radioOff" value="1">
                                        </div>
                                        <div class="radio-txt">[$19929]</div>
                                    </div>
                                </div>
                            </div>
                            <!-- Lets hide this for now -->
                            <div class="settings-sub-section hidden">
                                <div class="subtitle-txt">[$7228]</div>
                                <div class="radio-buttons">
                                    <div class="label-wrap">
                                        <div class="uifontsize radioOff" id="fontsize1_div">
                                            <input type="radio" id="fontsize1" class="uifontsize radioOff" value="1">
                                        </div>
                                        <div class="radio-txt small">[$7229]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="uifontsize radioOn" id="fontsize2_div">
                                            <input type="radio" id="fontsize2" class="uifontsize radioOn" value="2">
                                        </div>
                                        <div class="radio-txt big">[$7230]</div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$22744]</div>
                                <div class="mega-input dropdown-input text-style inline settings-choose-homepage-dropdown"
                                    id="account-hpage">
                                    <span>[$164]</span>
                                    <i class="sprite-fm-mono icon-dropdown"></i>
                                    <div class="mega-input-dropdown hidden">
                                        <div class="dropdown-scroll">
                                            <div class="option" data-value="fm">[$164]</div>
                                            <div class="option" data-value="recents">[$20141]</div>
                                            <div class="option" data-value="chat">[$7997]</div>
                                            <div class="option" data-value="s4">[$obj_storage]</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="content-txt">[$22811]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block cancel-account-block">
                        <div class="settings-left-block">
                            <div class="title-txt">[$16115]</div>
                            <div class="content-txt">[$16116]</div>
                            <div class="content-txt bus-acc hidden">[$bus_acc_delete_msg]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section justify-end">
                                <button class="mega-button negative cancel-account">
                                    <span>[$16115]</span>
                                </button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="fm-account-plan fm-account-sections">
                    <div class="account data-block account-type">
                        <div class="settings-left-block">
                            <div class="title-txt">[$17022]</div>
                        </div>
                        <div class="settings-right-block accounttype">
                            <div class="plan-details">
                                <div class="settings-sub-section">
                                    <div class="subtitle-txt">[$16166]</div>
                                    <div class="account plan-info accounttype">
                                        <span></span>
                                    </div>
                                </div>
                                <div class="settings-sub-section pro-extras hidden">
                                    <div class="subtitle-txt">[$extras_plan_title]</div>
                                    <div class="account plan-info">
                                        <span>[$pro_extras_vpn]</span>
                                        <span>[$mega_pwm]</span>
                                    </div>
                                </div>
                                <div class="settings-sub-section acc-storage-space">
                                    <div class="subtitle-txt">[$798]</div>
                                    <div class="account plan-info storage">
                                        <span></span>
                                    </div>
                                    <div class="bars-container storage">
                                        <div class="bars-content">
                                            <div class="settings-bar">
                                                <div class="settings-sub-bar"></div>
                                            </div>
                                            <div class="quota-note base-quota-note">
                                                <i></i><span></span>
                                            </div>
                                            <div class="quota-note achieve-quota-note">
                                                <i></i><span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="settings-sub-section acc-bandwidth-vol hidden">
                                    <div class="subtitle-txt short-title">[$16122]</div>
                                    <div class="account plan-info bandwidth">
                                        <span></span>
                                    </div>
                                    <div class="bars-container bandwidth">
                                        <div class="bars-content">
                                            <div class="settings-bar">
                                                <div class="settings-sub-bar"></div>
                                            </div>
                                            <div class="quota-note base-quota-note">
                                                <i></i><span></span>
                                            </div>
                                            <div class="quota-note achieve-quota-note">
                                                <i></i><span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="settings-sub-section acc-renew-date-info ">
                                    <div class="subtitle-txt expiry-txt">[$7354]</div>
                                    <div class="account plan-info expiry">
                                        <span>September 1st 2013</span>
                                    </div>
                                </div>
                                <div class="settings-sub-section sub-container subscription justify-end  border hidden">
                                    <button class="mega-button btn-cancel-sub">
                                        <span>[$sub_cancellation_btn_label]</span>
                                    </button>
                                </div>
                                <div class="settings-sub-section justify-end">
                                    <button class="mega-button right btn-achievements">
                                        <span>[$16117]</span>
                                    </button>
                                    <button class="mega-button positive upgrade-to-pro plan-details-upgrade">
                                        <span>[$5549]</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block account-balance">
                        <div class="settings-left-block">
                            <div class="title-txt">[$449]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section justify-end">
                                <div class="account plan-info balance">
                                    <span></span>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="settings-sub-section sub-container justify-end">
                                <button class="mega-button positive redeem-voucher">
                                    <span>[$7160]</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block account-card-info hidden">

                        <div class="settings-full-block">
                            <div class="mega-data-header">[$payment_card]</div>
                            <div class="card-info payment-card">
                                <div class="payment-card-top">
                                    <div class="payment-card-icon">
                                        <i class="sprite-fm-uni icon-mastercard-border"></i>
                                    </div>
                                    <div class="payment-card-nb">
                                        <div class="payment-card-dots">&#9679; &#9679; &#9679; &#9679;</div>
                                        <div class="payment-card-dots">&#9679; &#9679; &#9679; &#9679;</div>
                                        <div class="payment-card-dots">&#9679; &#9679; &#9679; &#9679;</div>
                                        <div class="payment-card-digits">5644</div>
                                    </div>
                                    <div class="payment-card-expiry">
                                        <div class="payment-card-expiry-lbl">[$23622]</div>
                                        <div class="payment-card-expiry-val"></div>
                                    </div>
                                </div>
                                <div class="payment-card-bottom">
                                    <a class="payment-card-edit">[$edit_card]</a>
                                    <a class="payment-card-delete hidden">[$delete_card]</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block purchase-history">
                        <div class="settings-full-block">
                            <div class="mega-data-header">
                                <span class="title-txt">[$430]</span>
                                <div class="mega-input dropdown-input text-style purchases">
                                    <span>Last 10 purchases</span>
                                    <i class="sprite-fm-mono icon-dropdown"></i>
                                    <div class="mega-input-dropdown hidden">
                                        <div class="option purchase10- active">Last 10 purchases</div>
                                        <div class="option purchase100-">Last 100 purchases</div>
                                        <div class="option purchase250-">Last 250 purchases</div>
                                    </div>
                                </div>
                            </div>
                            <table class="data-table purchases"></table>
                        </div>
                    </div>
                    <div class="account data-block transaction-history">
                        <div class="settings-full-block">
                            <div class="mega-data-header">
                                <span class="title-txt">[$431]</span>
                                <div class="mega-input dropdown-input text-style transactions">
                                    <span>Last 10 transactions</span>
                                    <i class="sprite-fm-mono icon-dropdown"></i>
                                    <div class="mega-input-dropdown hidden">
                                        <div class="option transaction10- active">Last 10 transactions</div>
                                        <div class="option transaction100-">Last 100 transactions</div>
                                        <div class="option transaction250-">Last 250 transactions</div>
                                    </div>
                                </div>
                            </div>
                            <table class="data-table transactions"></table>
                        </div>
                    </div>
                </div>
                <div class="fm-account-notifications fm-account-sections">
                    <div class="account data-block account-notification">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20900]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$20899]</div>
                                <div class="mega-switch toggle-all" id="notif-all">
                                    <div class="mega-feature-switch"></div>
                                </div>
                            </div>
                            <div class="switch-container cloud-drive">
                                <div class="subtitle-txt">[$1687]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$16145]
                                    </div>
                                    <div class="mega-switch toggle-on" id="shared-from-contact" name="newshare">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$16146]
                                    </div>
                                    <div class="mega-switch toggle-on" id="access-removed" name="delshare">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$16147]
                                    </div>
                                    <div class="mega-switch toggle-on" id="new-files" name="newfiles">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                                <div class="settings-sub-section">
                                    <div for="file-request" class="switch-label">
                                        [$settings_cloud_file_request]
                                    </div>
                                    <div class="mega-switch toggle-on" id="file-request" name="upload">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container chat">
                                <div class="subtitle-txt">[$chat_and_meetings_settings]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$16144]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enabled" name="enabled">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                                <div class="mega-banner body with-btn chat-permissions-banner">
                                    <div class="mega-banner">
                                        <i class="sprite-fm-mono icon-info-filled"></i>
                                    </div>
                                    <div class="mega-banner cell text-cell">
                                        <div class="versioning-body-text"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container contacts">
                                <div class="subtitle-txt">[$165]</div>
                                <div class="settings-sub-section">
                                    <div for="contact-request" class="switch-label">
                                        [$16148]
                                    </div>
                                    <div class="mega-switch toggle-on" id="contact-request" name="fcrin">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                                <div class="settings-sub-section">
                                    <div for="accepted-request" class="switch-label">
                                        [$16149]
                                    </div>
                                    <div class="mega-switch toggle-on" id="accepted-request" name="fcracpt">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                                <div class="settings-sub-section">
                                    <div for="delete-request" class="switch-label">
                                        [$20957]
                                    </div>
                                    <div class="mega-switch toggle-on" id="delete-request" name="fcrdel">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="account data-block email-notification">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20898]</div>
                            <div class="data-block-info-text content-txt">[$20982]</div>
                            <div class="mega-banner body with-btn">
                                <div class="mega-banner">
                                    <i class="sprite-fm-mono icon-info-filled"></i>
                                </div>
                                <div class="green-notification cell text-cell">
                                    <div class="versioning-body-text">[$20983]</div>
                                </div>
                            </div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$20897]</div>
                                <div class="mega-switch toggle-all" id="enotif-all" name="all">
                                    <div class="mega-feature-switch"></div>
                                </div>
                            </div>
                            <div class="switch-container">
                                <div class="subtitle-txt">[$165]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$16148]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enotif-contact-request" name="contact-request">
                                        <div class="mega-feature-switch"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container">
                                <div class="subtitle-txt">[$7997]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$20890]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enotif-chat-message" name="chat-message">
                                        <div class="mega-feature-switch"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container">
                                <div class="subtitle-txt">[$20891]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$20892]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enotif-achievements" name="achievements">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container">
                                <div class="subtitle-txt">[$20893]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$21956]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enotif-quota" name="quota">
                                        <div class="mega-feature-switch no-trans-init"></div>
                                    </div>
                                    <div class="mega-banner body with-btn">
                                        <div class="mega-banner">
                                            <i class="sprite-fm-mono icon-info-filled"></i>
                                        </div>
                                        <div class="mega-banner cell text-cell">
                                            <div class="versioning-body-text">[$20894]</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container">
                                <div class="subtitle-txt">[$20895]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$20896]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enotif-inactive" name="account-inactive">
                                        <div class="mega-feature-switch"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="switch-container card-exp-switch hidden">
                                <div class="subtitle-txt">[$payment_card_noti_title]</div>
                                <div class="settings-sub-section">
                                    <div class="switch-label">
                                        [$payment_card_noti_desc]
                                    </div>
                                    <div class="mega-switch toggle-on" id="enotif-card-expiry" name="card-expiry">
                                        <div class="mega-feature-switch"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="fm-account-security fm-account-sections">
                    <div class="account data-block change-password">
                        <div class="settings-left-block">
                            <div class="title-txt">[$23262]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <form>
                                    <input class="underlinedText strengthChecker" autocomplete="new-password" type="password"
                                        name="account-new-password" id="account-new-password" placeholder="[$717]" />
                                    <input class="underlinedText" autocomplete="new-password" type="password"
                                        name="account-confirm-password" id="account-confirm-password" placeholder="[$718]" />
                                </form>
                            </div>
                            <div class="save-container slide-in-out closed">
                                <div class="settings-sub-section sub-container justify-end slide-item">
                                    <button class="mega-button positive change-password-button">
                                        <span>[$706]</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block change-email">
                        <div class="settings-left-block">
                            <div class="title-txt">[$7743]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <form>
                                    <!-- this part need to be re-functioned -->
                                    <input class="underlinedText" type="text" value="" name="current-email" readonly
                                        id="current-email" maxlength="190" placeholder="[$7744]" />
                                    <input class="underlinedText" type="text" value="" autocomplete="disabled"
                                        name="account-email" id="account-email" maxlength="190" placeholder="[$7745]" />
                                </form>
                                <div class="content-txt fm-account-change-email">
                                    [$19201] [$7747]
                                </div>
                            </div>
                            <div class="save-container slide-in-out closed">
                                <div class="settings-sub-section sub-container justify-end slide-item">
                                    <button class="mega-button positive right change-email-button">
                                        <span>[$7743]</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block backup-key">
                        <div class="settings-left-block">
                            <div class="title-txt">[$8839]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$8963]</div>
                                <button class="mega-button backup-master-key">
                                    <span>[$8928]</span>
                                </button>
                                <div class="content-txt">[$16129]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block two-factor-authentication hidden">
                        <div class="settings-left-block">
                            <div class="title-txt">[$19194]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <!-- this toggle need to be re-functioned -->
                                <div class="subtitle-txt">[$20180]</div>
                                <div class="mega-switch enable-disable-2fa-button">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$20181]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block personal-data-container">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20167]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$16108]</div>
                                <div class="mega-switch dbDropOnLogout">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$16109]</div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$18493]</div>
                                <button class="mega-button download-button">
                                    <span class="loading-txt">[$58]</span>
                                    <em class="bouncing-loader small">
                                        <span></span><span></span><span></span>
                                    </em>
                                </button>
                                <div class="content-txt">[$18495]</div>
                                <div class="error-message hidden">[$18496]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block session-history">
                        <div class="settings-full-block">
                            <div class="mega-data-header">
                                <span class="title-txt">[$429]</span>
                                <div class="mega-input dropdown-input text-style sessions">
                                    <span></span>
                                    <i class="sprite-fm-mono icon-dropdown"></i>
                                    <div class="mega-input-dropdown hidden">
                                        <div class="option session10- active">Last 10 Sessions</div>
                                        <div class="option session100-">Last 100 Sessions</div>
                                        <div class="option session250-">Last 250 Sessions</div>
                                    </div>
                                </div>
                            </div>

                            <div id="sessions-table-container"></div>

                            <div class="settings-sub-section sub-container justify-end">
                                <button class="mega-button negative fm-close-all-sessions right">
                                    <span>[$7667]</span>
                                </button>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="fm-account-file-management fm-account-sections">
                    <div class="account data-block file-version js-file-version-settings">
                        <div class="settings-left-block">
                            <div class="title-txt">[$19475]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$20168]</div>
                                <div class="mega-switch" id="versioning-status">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$17597]</div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$17598]</div>
                                <button class="mega-button" id="delete-all-versions">
                                    <span>[$1730]</span>
                                </button>
                                <div class="mega-banner body with-btn">
                                    <div class="mega-banner">
                                        <i class="sprite-fm-mono icon-info-filled"></i>
                                    </div>
                                    <div class="mega-banner cell text-cell">
                                        <div class="versioning-body-text versioning-info-message"></div>
                                    </div>
                                </div>
                                <div class="content-txt">[$17600]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block rewind">
                        <div class="settings-left-block">
                            <div class="title-txt">[$rewind]</div>
                        </div>
                        <div class="settings-right-block slide-in-out closed">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$rewind_stgs_title]</div>
                                <div class="mega-switch hidden" id="rewind-enabled">
                                    <div class="mega-feature-switch"></div>
                                </div>
                                <div class="pro-badge">[$8695]</div>
                                <div class="content-txt">[$rewind_stgs_content]</div>
                                <div class="container-rewind-upgrade">
                                    <div class="mega-banner body with-btn">
                                        <div class="mega-banner cell">
                                            <div class="settings-info-icon">
                                                <i class="sprite-fm-mono icon-info-filled"></i>
                                            </div>
                                        </div>
                                        <div class="mega-banner cell text-cell">
                                            <div class="versioning-body-text">
                                                [$rewind_stgs_upgrade_to_pro]
                                            </div>
                                        </div>
                                        <div class="mega-banner cell btn-cell">
                                            <button class="mega-button positive upgrade-to-pro rewind-upgrade">
                                                <span>[$129]</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section slide-item container-rewind-retention hidden">
                                <div class="subtitle-txt">[$rewind_stgs_retention_title]</div>
                                <div class="container-rewind-retention-selector">
                                    <form autocomplete="disabled">
                                        <div class="mega-input dropdown-input rewind-retention-selector"
                                        id="rewind-retention-days">
                                            <span></span>
                                            <i class="sprite-fm-mono icon-dropdown"></i>
                                            <div class="mega-input-dropdown hidden">
                                                <div class="dropdown-scroll"></div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block rubbish-cleaning">
                        <div class="settings-left-block">
                            <div class="title-txt">[$7226]</div>
                        </div>
                        <div class="settings-right-block slide-in-out closed">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$20399]</div>
                                <div class="mega-switch" id="rubsched">
                                    <div class="mega-feature-switch"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section rubsched-options slide-item">
                                <div class="label-wrap full-sized" id="rad14_opt_section">
                                    <div class="rubschedopt radioOn" id="rad14_div">
                                        <input type="radio" id="rad14" class="rubschedopt radioOn" value="14">
                                    </div>
                                    <div class="subtitle-txt" id="rad14_opt_txt_1"></div>
                                    <div class="account-counter-number">
                                        <input type="number" value="" id="rad14_opt" class="rubsched_textopt">
                                    </div>
                                    <div class="subtitle-txt" id="rad14_opt_txt_2"></div>
                                </div>
                                <div class=" label-wrap full-sized rubschedopt-none">
                                    <div class="rubschedopt radioOff" id="rad15_div">
                                        <input type="radio" id="rad15" class="rubschedopt radioOff" value="15">
                                    </div>
                                    <div class="subtitle-txt">[$16155]</div>
                                    <div class="account-counter-number">
                                        <input type="number" value="2" id="rad15_opt" class="rubsched_textopt" />
                                    </div>
                                    <div class="subtitle-txt">[$17696]</div>
                                </div>
                                <div class="clear"></div>
                                <div class="content-txt rubbish-desc hidden"></div>
                            </div>
                            <div class="settings-sub-section sub-container rub-grn-noti">
                                <div class="mega-banner body">
                                    <div class="mega-banner cell">
                                        <i class="sprite-fm-mono icon-info-filled"></i>
                                    </div>
                                    <div class="mega-banner cell">
                                        <div class="versioning-body-text">[$18678]</div>
                                    </div>
                                    <div class="mega-banner cell">
                                        <button class="mega-button positive upgrade-to-pro rubbish-upgrade">
                                            <span>[$129]</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block user-interface">
                        <div class="settings-left-block">
                            <div class="title-txt">[$16158]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$1382]</div>
                                <div class="content-txt">[$1383]</div>
                                <div class="radio-buttons">
                                    <div class="label-wrap">
                                        <div class="uisorting radioOn" id="rad8_div">
                                            <input type="radio" id="rad8" class="uisorting radioOn" value="0">
                                        </div>
                                        <div class="radio-txt">[$1384]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="uisorting radioOff" id="rad9_div">
                                            <input type="radio" id="rad9" class="uisorting radioOff" value="1">
                                        </div>
                                        <div class="radio-txt">[$1385]</div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$1386]</div>
                                <div class="content-txt">[$1387]</div>
                                <div class="radio-buttons">
                                    <div class="label-wrap">
                                        <div class="uiviewmode radioOn" id="rad10_div">
                                            <input type="radio" id="rad10" class="uiviewmode radioOn" value="0">
                                        </div>
                                        <div class="radio-txt">[$description_layout_option_individual_folder]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="uiviewmode radioOff" id="rad11_div">
                                            <input type="radio" id="rad11" class="uiviewmode radioOff" value="1">
                                        </div>
                                        <div class="radio-txt">[$description_layout_option_all_folders]</div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">
                                    <span>[$subfolder_media_discovery]</span>
                                    <span class="new-tag">[$24648]</span>
                                </div>
                                <div class="mega-switch toggle-on" id="subfolder-media-discovery">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$subfolder_media_discovery_desc]</div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$hide_recent_activity]</div>
                                <div class="mega-switch toggle-on" id="hide-recents">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$hide_recent_activity_txt]</div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">
                                    <span>[$show_hidden_files]</span>
                                    <span class="new-tag">[$24648]</span>
                                </div>
                                <div class="mega-switch toggle-on" id="show-hidden">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$show_hidden_files_txt]</div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$setting_colour_folder_title]</div>
                                <div class="mega-switch toggle-on" id="colour-folder">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$setting_colour_folder_desc]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block dialog-options">
                        <div class="settings-left-block">
                            <div class="title-txt">[$show_again_dialog_header]</div>
                            <div class="content-txt">[$show_again_dialog_desc]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$drag_drop_show_again]</div>
                                <div class="mega-switch toggle-on" id="ulddd">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$move_to_rub_show_again]</div>
                                <div class="mega-switch toggle-on" id="skipDelWarning">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$pass_confirm_show_again]</div>
                                <div class="mega-switch toggle-on" id="prd">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$delete_chat_msg_show_again]</div>
                                <div class="mega-switch toggle-on chat-dialog" id="xcod-1">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$paste_img_chat_show_again]</div>
                                <div class="mega-switch toggle-on chat-dialog" id="xcod-2">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$archive_chat_show_again]</div>
                                <div class="mega-switch toggle-on chat-dialog" id="xcod-4">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$unarchive_chat_show_again]</div>
                                <div class="mega-switch toggle-on chat-dialog" id="xcod-5">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$plan_expiry_show_again]</div>
                                <div class="mega-switch toggle-on" id="hideProExpired">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$remove_link_show_again]</div>
                                <div class="mega-switch toggle-on" id="nowarnpl">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$rewind_confirm_account_setting_label]</div>
                                <div class="mega-switch toggle-on" id="rwReinstate">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$dc_confirm_pause_sync_setting_label]</div>
                                <div class="mega-switch toggle-on" id="dcPause">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fm-account-transfers fm-account-sections">
                    <div class="account data-block upload-and-download">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20170]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section bandwith-settings disabled">
                                <div class="subtitle-txt">[$16156]</div>
                                <div class="bandwith-settings full-sized">
                                    <!-- code for bandwith is borrowed, need to fix to right class/id -->
                                    <div id="bandwidth-slider"
                                        class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content"></div>
                                    <div class="slider numbers-wrap">
                                        <div class="slider numbers"><span>0<small>%</small></span></div>
                                        <div class="slider numbers swapped"><span>100<small>%</small></span></div>
                                    </div>
                                    <div class="slider-percentage-bl hidden">
                                        <div>
                                            <div class="slider-percentage"></div>
                                        </div>
                                        <div class="slider-tip">
                                            [$16157]
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section sub-container band-grn-noti">
                                <div class="mega-banner body">
                                    <div class="mega-banner cell">
                                        <i class="sprite-fm-uni icon-transfer-quota x30"></i>
                                    </div>
                                    <div class="mega-banner cell">
                                        <div class="versioning-body-text">
                                            [$20715]
                                        </div>
                                    </div>
                                    <div class="mega-banner cell">
                                        <button class="mega-button positive upgrade-to-pro bandwidth-upgrade">
                                            <span>[$129]</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$570]</div>
                                <div class="content-txt">[$subtext_num_parallel_upload_connections]</div>
                                <div class="upload-settings full-sized">
                                    <div id="slider-range-max"></div>
                                    <div class="slider numbers-wrap">
                                        <div class="slider numbers"><span>1</span></div>
                                        <div class="slider numbers"><span>2</span></div>
                                        <div class="slider numbers"><span>3</span></div>
                                        <div class="slider numbers"><span>4</span></div>
                                        <div class="slider numbers"><span>5</span></div>
                                        <div class="slider numbers"><span>6</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$571]</div>
                                <div class="content-txt">[$subtext_num_parallel_dl_connections]</div>
                                <div class="download-settings full-sized">
                                    <div id="slider-range-max2"></div>
                                    <div class="slider numbers-wrap">
                                        <div class="slider numbers"><span>1</span></div>
                                        <div class="slider numbers"><span>2</span></div>
                                        <div class="slider numbers"><span>3</span></div>
                                        <div class="slider numbers"><span>4</span></div>
                                        <div class="slider numbers"><span>5</span></div>
                                        <div class="slider numbers"><span>6</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block transfer-tools">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20171]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <!-- This toggle needs to be re-function -->
                                <div class="subtitle-txt">[$19639]</div>
                                <div class="mega-switch toggle-on" id="dlThroughMEGAsync">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$17812]</div>
                                <div class="mega-banner body with-btn">
                                    <div class="mega-banner cell">
                                        <div class="settings-sync-icon">
                                            <i class="sprite-fm-mono icon-sync"></i>
                                        </div>
                                    </div>
                                    <div class="mega-banner cell text-cell">
                                        <div class="versioning-body-text">
                                            [$23462]
                                        </div>
                                    </div>
                                    <div class="mega-banner cell btn-cell">
                                        <button class="mega-button positive download-sync">
                                            <span>[$58]</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fm-account-contact-chats fm-account-sections">
                    <div class="account data-block status-settings">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20182]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$16258]</div>
                                <div class="radio-buttons">
                                    <div class="label-wrap">
                                        <div class="chatstatus radioOn">
                                            <input type="radio" class="chatstatus radioOn" value="3">
                                        </div>
                                        <div class="radio-txt">[$5923]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="chatstatus radioOff">
                                            <input type="radio" class="chatstatus radioOff" value="2">
                                        </div>
                                        <div class="radio-txt">[$5924]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="chatstatus radioOff">
                                            <input type="radio" class="chatstatus radioOff" value="4">
                                        </div>
                                        <div class="radio-txt">[$5925]</div>
                                    </div>
                                    <div class="label-wrap">
                                        <div class="chatstatus radioOff">
                                            <input type="radio" class="chatstatus radioOff" value="1">
                                        </div>
                                        <div class="radio-txt">[$5926]</div>
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="switch-label">[$16387]</div>
                                <div class="mega-switch" id="persist-presence-switch">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section lastseen">
                                <div class="subtitle-txt">[$20207]</div>
                                <div class="mega-switch" id="last-seen">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$20208]</div>
                            </div>
                            <div class="settings-sub-section auto-away">
                                <div class="subtitle-txt">[$16259]</div>
                                <div class="mega-switch" id="auto-away-switch">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="label-wrap full-sized">
                                    <span id="autoaway_txt_1"></span>
                                    <span class="account-counter-number short">
                                        <input type="number" placeholder="0" max="23" id="autoaway-hours" />
                                    </span>
                                    <span id="autoaway_txt_2"></span>
                                    <span class="account-counter-number short">
                                        <input type="number" placeholder="0" max="59" id="autoaway-minutes" />
                                    </span>
                                    <span id="autoaway_txt_3"></span>&nbsp;
                                    <span id="autoaway_txt_4"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block chat-settings">
                        <div class="settings-left-block">
                            <div class="title-txt">[$chat_settings]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$chat_list_view]</div>
                                <div class="show-hide-wrap">
                                    <div class="chat-show-wrapper">
                                        <div class="radioOn card">
                                            <input type="radio" value="0" class="radioOn card">
                                        </div>
                                        <div class="chat radioOn">
                                            <div class="chat-row">
                                                <div class="account-chat-avatar color1">[$B]</div>
                                                <div>
                                                    <div class="subtitle-txt">[$britany]</div>
                                                    <div class="chat-txt">[$do_favour_text]</div>
                                                </div>
                                            </div>
                                            <div class="chat-row">
                                                <div class="account-chat-avatar color1">[$K]</div>
                                                <div>
                                                    <div class="subtitle-txt">[$kyran]</div>
                                                    <div class="chat-txt">[$to_chat_text]</div>
                                                </div>
                                            </div>
                                            <div class="checked chat-selected">
                                                <i class="sprite-fm-mono icon-active"></i>
                                            </div>
                                        </div>
                                        <div class="content-txt">[$show_message]</div>
                                    </div>
                                    <div class="chat-hide-wrapper">
                                        <div class="radioOff card">
                                            <input type="radio" value="1" class="radioOff card">
                                        </div>
                                        <div class="chat radioOff">
                                            <div class="chat-row">
                                                <div class="account-chat-avatar color1">[$B]</div>
                                                <div>
                                                    <div class="subtitle-txt">[$britany]</div>
                                                </div>
                                            </div>
                                            <div class="chat-row">
                                                <div class="account-chat-avatar color1">[$K]</div>
                                                <div>
                                                    <div class="subtitle-txt">[$kyran]</div>
                                                </div>
                                            </div>
                                            <div class="chat-selected">
                                                <i class="sprite-fm-mono icon-active"></i>
                                            </div>
                                        </div>
                                        <div class="content-txt">[$hide_message]</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block rich-url-preview">
                        <div class="settings-left-block">
                            <div class="title-txt">[$18696]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$18679]</div>
                                <div class="mega-switch" id="richpreviews">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$23608]</div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block push-notification-settings">
                        <!-- new feature -->
                        <div class="settings-left-block">
                            <div class="title-txt">[$22121]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$23961]</div>
                                <div class="mega-switch" id="push-settings-toggle">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">
                                    [$23962]
                                </div>
                                <div class="push-settings-status hidden">
                                    <!-- // ... -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block contact-verification-settings">
                        <!-- new feature -->
                        <div class="settings-left-block">
                            <div class="title-txt">[$contact_verification_title]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$contact_verification_sub_title]</div>
                                <div class="mega-switch" id="contact-verification-toggle">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">
                                    [$contact_verification_content]
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fm-account-reseller fm-account-sections hidden">
                    <div class="account data-block create-voucher">
                        <div class="settings-left-block">
                            <div class="title-txt">[$20230]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$20232]</div>
                                <div class="account plan-info balance right">
                                    <span></span>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$6876]</div>
                                <div class="resellers-voucher-bl">
                                    <div class="mega-input dropdown-input vouchertype" id="vouchertype">
                                        <span>[$6875]</span>
                                        <i class="sprite-fm-mono icon-dropdown"></i>
                                        <div class="mega-input-dropdown hidden">
                                            <div class="dropdown-scroll"></div>
                                        </div>
                                    </div>
                                    <div class="account-counter-number voucheramount">
                                        <input type="text" value="1" name="account-voucheramount" id="account-voucheramount">
                                    </div>
                                </div>
                            </div>
                            <div class="settings-sub-section sub-container">
                                <a class="content-txt resellerbuy" href="mailto:resellers@mega.io"></a>
                                <button class="mega-button positive vouchercreate">
                                    <span>[$6876]</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block voucher-history">
                        <div class="settings-full-block">
                            <div class="mega-data-header">
                                <span class="title-txt">[$20231]</span>
                                <div class="mega-input dropdown-input text-style vouchers">
                                    <span></span>
                                    <i class="sprite-fm-mono icon-dropdown"></i>
                                    <div class="mega-input-dropdown hidden">
                                        <div class="option voucher10- active">Last 10 Vouchers</div>
                                        <div class="option voucher100-">Last 100 Vouchers</div>
                                        <div class="option voucher250-">Last 250 Vouchers</div>
                                        <div class="option voucherAll-">[$7557]</div>
                                    </div>
                                </div>
                            </div>
                            <table class="data-table vouchers"></table>
                        </div>
                    </div>
                </div>
                <div class="fm-account-calls fm-account-sections hidden">
                    <div class="account data-block leave-empty">
                        <div class="settings-left-block">
                            <div class="title-txt">[$sub_setting_meeting_empty_call]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$meeting_empty_call_lbl]</div>
                                <div class="mega-switch" id="callemptytout">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">[$meeting_empty_call_desc_1]</div>
                            </div>
                        </div>
                    </div>
                    <!-- Hear a sound when someone joins or leaves a call. -->
                    <div class="account data-block sound-notifications">
                        <div class="settings-left-block">
                            <div class="title-txt">[$sound_notifications]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$sound_notifications_sub_text]</div>
                                <div class="mega-switch" id="callinout">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fm-account-vpn fm-account-sections">
                    <div class="account data-block manage-credentials">
                        <div class="settings-left-block">
                            <div class="title-txt">[$vpn_page_welcome_section_title]</div>
                            <div class="step-desc free-info">
                                <div class="step-desc">[$vpn_page_welcome_only_pro]</div>
                                <a href="/pro" class="mega-button positive clickurl upgrade-to-pro">
                                    [$vpn_page_welcome_upgrade_to_pro]
                                </a>
                            </div>
                            <div class="step-desc pro-info hidden">[$vpn_page_welcome_free_for_pro]</div>
                            <div class="step-device more-info">
                                <a href="https://mega.io/vpn" target="_blank" rel="noopener noreferrer"
                                    class="vpn-link clickurl more-info">[$more_settings_more_info_title]</a>
                            </div>
                            <p class="step-device contact-support hidden"><i
                                    class="sprite-fm-mono icon-email-filled icon24"></i>[$vpn_page_welcome_contact]</p>
                        </div>
                        <div class="settings-right-block">
                            <h3 class="setup-step-heading">[$vpn_page_setup_heading]</h3>
                            <div class="step-device">[$vpn_page_desktop_heading]</div>
                            <div class="desktop-download-links">
                                <a href="https://mega.nz/MEGAvpnSetup64.exe" target="_blank" rel="noopener noreferrer"
                                    class="mega-button vpn-link clickurl js-vpn-client-desktop windows nz-url">[$vpn_page_install_windows_desktop]</a>
                                <a href="https://apps.apple.com/app/mega-vpn-privacy-online/id6456784858" target="_blank"
                                    rel="noopener noreferrer"
                                    class="mega-button vpn-link clickurl js-vpn-client-desktop macos">[$vpn_page_install_macos_desktop]</a>
                            </div>
                            <div class="step-device">[$vpn_page_mobile_heading]</div>
                            <div class="step-desc">[$vpn_page_install_mobile_client_desc]</div>
                            <div class="download-qrs">
                                <div class="download-qr android">
                                    <div class="qr-img"></div>
                                    <span class="qr-desc"><i class="sprite-fm-mono icon-android icon24"></i>[$android]</span>
                                </div>
                                <div class="download-qr ios">
                                    <div class="qr-img"></div>
                                    <span class="qr-desc"><i class="sprite-fm-mono icon-ios icon24"></i>[$ios]</span>
                                </div>
                            </div>
                            <div class="step-device credentials-heading">[$vpn_page_step2_credentials_heading]</div>
                            <div class="step2-actions">
                                <i class="sprite-fm-mono icon-globe-01 location-icon"></i>
                                <div class="mega-input title-ontop dropdown-input acc-setting-country-sec location-dropdown"
                                    id="vpn-country">
                                    <span>Choose location</span>
                                    <i class="sprite-fm-mono icon-dropdown"></i>
                                    <div class="mega-input-dropdown hidden">
                                        <div class="dropdown-scroll"></div>
                                    </div>
                                </div>
                                <button class="mega-button js-create-cred">[$vpn_page_generate_cred_btn]</button>
                            </div>
                            <div class="step2-out hidden">
                                <div class="cred-slots">
                                    <div class="creds-container"></div>
                                    <template id="cred-slot-tpl">
                                        <div class="cred-slot">
                                            <h3 class="label">[$vpn_page_slot_available]</h3>
                                            <i class="control sprite-fm-mono icon-bin js-remove"></i>
                                        </div>
                                    </template>
                                </div>
                                <div class="post-create-section hidden">
                                    <div class="config-qr">
                                        <div class="qr-img"></div>
                                    </div>
                                    <div class="config-actions">
                                        <a href=""
                                            class="mega-button positive vpn-link js-download-config">[$58]</a>
                                        <!--                                        <button class="view-ini-config">View</button>-->
                                    </div>
                                    <div class="config-output hidden">
                                        <pre class="config-text"></pre>
                                        <button class="copy js-copy" aria-label="[$vpn_created_dialog_step2_copy_config]">
                                            <i class="sprite-fm-mono icon-copy"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- S4 object storage settings. -->
                <div class="fm-account-s4 fm-account-sections hidden">
                    <div class="account settings-banner s4-specs-banner">
                        <div class="settings-banner-cell first-block">
                            <i class="light-icon"></i>
                        </div>
                        <div class="settings-banner-cell second-block">
                            <div class="title-txt">[$s4_specs_banner]</div>
                        </div>
                        <div class="settings-banner-cell last-block">
                            <button class="mega-button show-s4-specs">
                                <span>[$8742]</span>
                            </button>
                        </div>
                    </div>
                    <div class="account data-block endpoints">
                        <div class="settings-left-block">
                            <div class="title-txt">[$s4_endpoints_header]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="full-sized">
                                    <div class="subtitle-txt">[$s4_s3_compatible_endpoints]</div>
                                    <div class="content-txt">[$s4_s3_endpoint_prefix_tip]</div>
                                    <table class="secondary-table js-endpoints-table"></table>
                                    <div class="settings-body-txt js-endpoints-s4"></div><br>
                                    <div class="settings-body-txt bold">[$s4_api_prefix_usage]</div>
                                    <ul class="js-endpoints-desc"></ul>
                                    <div class="settings-body-txt">[$s4_endpont_region_usage]</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block access-keys">
                        <div class="settings-left-block">
                            <div class="title-txt">[$s4_access_keys]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_manage_access_keys]</div>
                                <button class="mega-button manage-s4-keys">
                                    <span>[$s4_manage_keys]</span>
                                </button>
                                <div class="content-txt">[$s4_key_create_explain] </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block thumb-preview">
                        <div class="settings-left-block">
                            <div class="title-txt">[$s4_thumb_preview]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_enable_thumb_preview]</div>
                                <div class="mega-switch s4-thumb-switch">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                                <div class="content-txt">
                                    [$s4_thumb_preview_info]
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block s4-warn-dialogs">
                        <div class="settings-left-block">
                            <div class="title-txt">[$s4_warn_dialogs_header]</div>
                            <div class="content-txt">[$s4_warn_dialogs_info]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_setting_warn_from_cd_to_s4]</div>
                                <div class="mega-switch" name="skipcdtos4">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_setting_move_from_s4_to_cd]</div>
                                <div class="mega-switch" name="skips4tocd">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_setting_warn_from_s4_to_s4]</div>
                                <div class="mega-switch" name="skips4tos4">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_setting_warn_from_hidden_to_s4]</div>
                                <div class="mega-switch" name="skipSenToS4">
                                    <div class="mega-feature-switch no-trans-init"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="account data-block out-opts">
                        <div class="settings-left-block">
                            <div class="title-txt">[$s4_obj_storage_opt_out]</div>
                        </div>
                        <div class="settings-right-block">
                            <div class="settings-sub-section">
                                <div class="subtitle-txt">[$s4_disable_obj_storage]</div>
                                <button class="mega-button negative disable-obj-storage">
                                    <span>[$s4_disable_obj_storage_btn]</span>
                                </button>
                                <div class="content-txt">[$s4_opt_out_info]</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="section conversations hidden">
            <div class="fm-chat-is-loading hidden">
                <div class="fm-empty-messages">
                    <div class="loading-spinner js-messages-loading light manual-management" style="top: 50%;">
                        <div class="main-loader" style="position: fixed; top: 50%; left: 50%; margin-left: -72px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="commercial-wrapper hidden" id="commercial-wrapper-webcdsl"></div>
            <div class="commercial-wrapper hidden" id="commercial-wrapper-webphsl"></div>
        </div>

        <div class="flyout-holder"></div>
    </div>
    <div class="fm-products-nav hidden"></div>
    <div class="fm-account-overlay hidden"></div>
</div>
<ul id="template-tree-item" class="hidden">
    <li>
        <span class="nw-fm-tree-item">
            <span class="nw-fm-tree-arrow"></span>
            <span class="nw-fm-tree-folder"></span>
            <div class="nw-fm-tree-iconwrap">
                <span class="colour-label-ind hidden"></span>
                <span class="gallery-status-icon sprite-fm-mono icon-photos"></span>
                <span class="file-status-ico"></span>
            </div>
        </span>
        <ul></ul>
    </li>
</ul>
